Figma Developer Handoff Masterclass | Best Practices & More!
A guide to the best practices for handing off @Figma designs to developers is finally here! Today we're exploring the correct way to annotate your design files, organize your design tokens and Figma variables, and build mobile optimized components for your design system!
GENERAL LINKS
Ask the community and build a profile: https://uicollective.co/
We build design systems! Work with me: https://designsystemlabs.co/
Connect with me on LinkedIn: / kirk-mcneill-km
Support UI Collective & buy a laptop sticker: https://store.uicollective.co/
All Resources: https://uicollective.co/designer-tool...
OTHER LINKS
Build a Design System Episode 1: • Build a Design System! Ep. 1: Figma T...
Web Accessibility Annotation Kit: https://www.figma.com/community/file/...
Design System Tracker: https://www.figma.com/community/plugi...
Contrast Checker: https://www.figma.com/community/plugi...
Untitled UI: https://www.untitledui.com?aff=bdzGd
0:00 An Introduction
0:18 Design Annotations
28:05 Mobile Optimized Components
31:59 Design Token & Figma Variable Organization
49:05 Developer Handoff Checklist
#uxdesign #uidesign #figma
