Figma Developer Handoff Masterclass | Best Practices & More!
UI Collective
@uicollectivedesignAbout
Welcome to the premier destination for design system training and more. We have years of experience building enterprise design systems and aim to bring the same knowledge, to you. Join our Slack channel to chat with us!
Latest Posts
Video Description
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 NEW - Purchase our official design system: https://collectivekit.co/ 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: https://www.linkedin.com/in/kirk-mcneill-km/ All Resources: https://uicollective.co/designer-tools-and-resources OTHER LINKS Build a Design System Episode 1: https://youtu.be/HNJmWKndUA4 Web Accessibility Annotation Kit: https://www.figma.com/community/file/1311421011482282592/web-accessibility-annotation-kit Design System Tracker: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker Contrast Checker: https://www.figma.com/community/plugin/748533339900865323/contrast 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
You May Also Like
Streamline Your Figma Workflow
AI-recommended products based on this video
MSI Clutch GM08 4200 DPI, Accurate Optical Sensor, Durable Build Quality, Adjustable Weight System, Dragon Scale Design Side Grips, On The Fly DPI Changing, Optical Wired Gaming Mouse with Red LED
iSpring RCC7, NSF Certified, High Capacity Under Sink 5-Stage Reverse Osmosis Water Filter, RO Drinking System, 75 GPD, Brushed Nickel Faucet, Patented Top-Mounted Faucet Design for Easy Installation
ENOMIR Wireless Carplay Adapter for iPhone, Android Auto Wireless Adapter Fast Stable Auto-Connect, Mini USB Design Plug & Play Most Car Models & iOS Systems
Nintendo Switch Mario Kart Racing Wheel Pro Deluxe by HORI - Officially Licensed by Nintendo - Deluxe Edition
msi Crosshair 16 Gaming Laptop - with 2024 Office Lifetime License, GeForce RTX 4070, 16" FHD+ 144 Hz Display, 14th Gen Intel 16-Core i7 14650HX, Backlit KB, Windows 11 Pro (32GB DDR5 RAM | 1TB SSD)
Magnetic Nasal Strips Starter Kit: Comfortable Nasal Breathing Support for Sleep, Helps Reduce Snoring Noise, Includes 60 Tabs (30 Uses) with 4 Sizes
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Monster Sleep Ear100 Ear Buds, Sleep Earbuds with Stereo Sound, Design for Side Sleeper, 32H Playtime, Bluetooth 6.0, ENC Noise Cancelling, IPX6 Waterproof Mini Headphones, White
Monster Sleep Ear100 Ear Buds, Sleep Earbuds with Stereo Sound, Design for Side Sleeper, 32H Playtime, Bluetooth 6.0, ENC Noise Cancelling, IPX6 Waterproof Mini Headphones, Black
Monster Persona 4th ANC Active Noise Canceling Headphones, Wireless Bluetooth Over-Ear Headphones with 3 EQ Modes, and 70H Playtime, Bluetooth 6.0, Deep Bass, Foldable Comfort Design for Travel, Black
Monster Sleep Ear100 Ear Buds, Sleep Earbuds with Stereo Sound, Design for Side Sleeper, 32H Playtime, Bluetooth 6.0, ENC Noise Cancelling, IPX6 Waterproof Mini Headphones, Black
LEGO Icons Bonsai Tree Building Set - Artificial Bonsai Tree Plants for Home Decor, Adults Ages 18+ - Faux, Fake Plants for Table, Desk, Office - Birthday Gift for Men & Women - 10281
LEGO Icons French Café Paris Building Kit - DIY Set for Adults - Collectible Bedroom and Home Decor - Display for Home or Office - Gift for Coffee Lovers - 10362
LEGO Icons Leonardo da Vinci's Flying Machine DIY Kit - Ornithopter Building Set for Adults, Ages 18+ - Craft for Home or Office Decor with Display Stand - Gift Idea - 10363
