Figma tutorial: Handoff seamlessly to developers [8 of 8]

This series was updated on December 1, 2020. Watch the updated playlist here: https://www.youtube.com/playlist?list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4

Figma is free to use. Sign up here: http://bit.ly/2ZlxprA
Click to get a copy of the full Fitma Design File used in this series: https://www.figma.com/c/file/767127152320102433
Previous: Presentation View and Prototyping https://youtu.be/X5qiBwqptek

When your designs are finalized and pixels are perfect, you'll want to turn them into a real product to ship to your users. Developer Handoff gives you all of the features your Developers need to make that happen. You can export assets, measure distances, and view the prototype. Figma even does some of the leg work for you with code previews for CSS, iOS Swift, and Android code.

Timestamps:
0:00 - Inviting developers to a Figma file
0:50 - Using Figma in view-only mode
1:20 - Using Figma as a developer
2:25 - How to export a design
2:49 - Using Redlines to measure distances between layers
3:08 - Pinning comments to a frame
3:25 - Using Presentation View and Prototype to understand interactions and user flow
Want to learn more about Developer Handoff? Check out these resources:
https://help.figma.com/article/32-developer-handoff
https://www.figma.com/blog/tips-for-a-better-developer-workflow-in-figma/
https://www.figma.com/blog/guide-to-developer-handoff-in-figma/

Music:
"Yo Picasso" by Verified Picasso

#Figma #FigmaDesign #FigmaTutorial #DeveloperHandoff #Developer

Видео Figma tutorial: Handoff seamlessly to developers [8 of 8] канала Figma