Hi all! Whether you are a PL looking to scope out Figma dev for your team or a software developer looking for resources, this is the place to be!

TLDR;

• Really great info about Figma developer handoff: https://www.figma.com/best-practices/guide-to-developer-handoff/
• Feel free to browse this example file to see Figma's "can view" capabilities: https://www.figma.com/file/ewVdWlAd3ZZ3lZSWBaTWZn/Generate:-Dev-Handoff-Example?node-id=0%3A1

Step-by-step Guide:

• Steps for Design Handoff:
• Steps for Front-End Development:

Components:

Component usage is very important for both efficient design and development practices. Designers should be using components to build out their designs. (A.K.A. symbols in sketch)

**Definition: "**Components are elements you can reuse across your designs. They help to create and manage consistent designs across projects. You can create components from any layers or objects you've designed. These could be a whole range of things like buttons, icons, layouts, and more."

— https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-Components-in-Figma#:~:text=Components are elements you can,icons%2C layouts%2C and more.

<aside> 💡 In other words: Components are like puzzle pieces. A designer creates components, and reuses them as pieces of the design. If used correctly, developers should be able to create and style the components, and reuse them throughout the development process.

</aside>

Useful Video:

https://youtu.be/k74IrUNaJVk?list=PLXDU_eVOJTx5LSjOmeBYMuvaa4UayfMe4

‼️🎨 Designers 🎨‼️