Figma Developer Handoff Masterclass | Best Practices & More!

UI Collective January 6, 2025
Video Thumbnail
UI Collective Logo

UI Collective

@uicollectivedesign

About

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!

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

Streamline Your Figma Workflow

AI-recommended products based on this video

Loading...
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

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

(1,282)
$20.99
FREE delivery Sat, Jan 3 on your first order
100+ bought in past month
Loading...
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

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

(19,760)
$316.00
FREE delivery Tue, Sep 23
100+ bought in past month
Loading...
ENOMIR Wireless Carplay Adapter for iPhone, Android Auto Wireless Adapter Fast Stable Auto-Connect, Mini USB Design Plug & Play Most Car Models & iOS Systems

ENOMIR Wireless Carplay Adapter for iPhone, Android Auto Wireless Adapter Fast Stable Auto-Connect, Mini USB Design Plug & Play Most Car Models & iOS Systems

(30)
$68.99
FREE delivery Sun, Nov 2
Loading...
Nintendo Switch Mario Kart Racing Wheel Pro Deluxe by HORI - Officially Licensed by Nintendo - Deluxe Edition

Nintendo Switch Mario Kart Racing Wheel Pro Deluxe by HORI - Officially Licensed by Nintendo - Deluxe Edition

(3,913)
$152.85
PrimeFREE delivery Sat, Jun 14
Loading...
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)

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)

(0)
$7,606.98
FREE delivery Jun 23 - Jul 3Only 3 left in stock.
Loading...
Magnetic Nasal Strips Starter Kit: Comfortable Nasal Breathing Support for Sleep, Helps Reduce Snoring Noise, Includes 60 Tabs (30 Uses) with 4 Sizes

Magnetic Nasal Strips Starter Kit: Comfortable Nasal Breathing Support for Sleep, Helps Reduce Snoring Noise, Includes 60 Tabs (30 Uses) with 4 Sizes

(40)
$17.99
FREE delivery Wed, Mar 18 on your first orderOnly 7 left in stock.
1K+ bought in past month
Loading...
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

(786)
$69.15$33.51
FREE delivery Jun 13 - 17
Loading...
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

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

(0)
$30.99
FREE delivery Jun 19 - Jul 3
Loading...
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Best Seller

Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men

(243)
$19.99
FREE delivery Sat, Jun 14 on your first order
300+ bought in past month
Loading...
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, White

(4)
$39.99
FREE delivery Mon, Mar 2
Loading...
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 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

(15)
$39.99
FREE delivery Mon, Feb 23
Loading...
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 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

(8)
$69.99
FREE delivery Sun, Jan 4
Loading...
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 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

(6)
$39.99
FREE delivery Sat, Dec 27
Loading...
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 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

(22,441)
$59.99
PrimeFREE delivery Sat, Jun 14
600+ bought in past month
Loading...
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 French Café Paris Building Kit - DIY Set for Adults - Collectible Bedroom and Home Decor - Display for Home or Office - Gift for Coffee Lovers - 10362

(24)
$79.98
PrimeFREE delivery Sat, Jun 14
100+ bought in past month
Loading...
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

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

(185)
$49.98
PrimeFREE delivery Sat, Jun 14
200+ bought in past month
Loading...
LEGO Icons Williams Racing FW14B & Nigel Mansell F1 Model Car Kit - Building Set for Adults, Ages 18+ - F1 DIY Craft for Display - Gift Idea for Fans of F1-10353

LEGO Icons Williams Racing FW14B & Nigel Mansell F1 Model Car Kit - Building Set for Adults, Ages 18+ - F1 DIY Craft for Display - Gift Idea for Fans of F1-10353

(40)
$89.99
PrimeFREE delivery Sat, Jun 14
200+ bought in past month