Figma is free to use. Sign up here:
bit.ly/3msp0OV
When it comes to design handoff, communication is key. As designs change, designers need to be able to iterate while still providing clarity to developers about what’s new and what’s ready to build.
Learn more about Dev Mode from the Figma Help Center:
help.figma.com/hc/en-us/sections/15023066873239
Check out our previous Dev Mode video tutorials:
- Intro to Dev Mode:
youtu.be/__ABPkb0aF8
- Inspect designs in Figma:
youtu.be/aKqIN62ddw0?si=aBKtG_MKZ6zN1GgT
For more examples, check out the Figma playground file here:
figma.com/community/file/1234941143610339388
Video chapter:
00:00 Intro
00:32 Prepare designs for development
01:05 Measure tool
01:45 Annotate tool
02:17 Share designs with developers
02:36 Inspect designs
02:48 Ready for dev view
03:11 Focus view
03:49 Status updates and compare changes
04:22 Update design changes
05:04 Versions
05:15 Compare changes
05:30 Mark design as ...