Locofy.ai | Figma best practices for high-quality code with Locofy [Webinar]

In this webinar, we share about the best practices to use in your Figma designs to generate clean, high-quality code with Locofy. In addition, these best practices are also helpful for your Figma workflow.
00:00 - Webinar Agenda
01:42 - Introduction to Locofy.ai
05:33 - Use of Images/Rectangles in Buttons, Inputs, Cards
19:53 - Best Practices for Text Layers
25:13 - Best Practices for Lines and Borders
28:05 - Using Components for Scalable design
33:40 - Best Practices for Structuring your design
44:12 - Layer naming for better code
45:59 - Upcoming updates for auto-best practices
Join us on Slack: www.locofy.ai/join-slack
Locofy Guides - www.locofy.ai/guides/
Check out our previous webinar on responsiveness: • Locofy.ai | Generating...

[@zalsify]

This is what we need as a designer that must be related with code readiness. Thank you

[@kasilyrics54]

Great job Isaac and Locofy Team! Can't wait for the new features!

[@locofy_ai]

Thanks Kasi!

[@danielf4438]

Keep the videos coming!
More like this would be really appreciated where you show how can you use the react components generated with locofy inside a next 13 project. Or more advanced tutorials (Like creating a drawer)
Also you could show the react part as well.

[@locofy_ai]

Appreciate the suggestion! We're going to be adding more videos that focus on the exported code and how to integrate with existing repos / or how to extend it further

[@prosperdeogratius4888]

OMG.I rarely comment on anything online but it will be a sin if I wont extend my appreciation to you Isaac and your amazing team at locofy,just came here to learn how to convert my figma designs into next js code but walked away with alot of knowledge on Figma best design,responsiveness.You guys are just awesome man!

[@locofy_ai]

We really appreciate it!

[@ivanmitra]

Could you please make a video on the *_Advance CSS Properties_* that are present in locofy plugin in figma

[@locofy_ai]

We support almost all the advanced css properties. Request you to connect with us on our Discord server should you need assistance with some specific property. You can join our Discord Server from here: discord.gg/r6UDBhEQ4s

[@salyiohh]

Great job, please add react-toastify its a nice lib for displaying messages

[@locofy_ai]

Thanks for the suggestion! We're adding it to our request list for UI Libraries and components

[@michaeldonaghey3696]

Is there a reason I cannot tag as a container in the basic tags section?

[@locofy_ai]

We have simplified the tags further and instead of offering container tag, we now directly allow you to choose between section, header, etc. tags that were previously present under the "container" tag.

[@mihael333]

how can I make a menu when in mobile resolution it transforms into a hamburger menu?

[@locofy_ai]

Hi Mihael, please refer to this guide video: ua-cam.com/video/OgRBBU9o5DM/v-deo.html&lc=Ugx5wg6m6xi2Ej2DyxR4AaABAg

[@oromenaobogo4466]

is it possible to export with function base components

[@locofy_ai]

Yes, we only export functional components. Let us know if you need any further help🙏🏼