Making the right thing the easy thing
summary
Figma’s internal design system centers adoption on accessibility, using concrete tools and results: automated code mods to migrate code, unstyled primitives that supply built‑in accessibility, Figma variables plus REST API and GitHub Actions to sync tokens, and Code Connect to link design and code. The effort deprecates over 1,700 code component references, enables enhanced contrast mode, and reduces token confusion with code syntax on variables, turning migration into an upgrade rather than extra work.
AI-written summary · about
chapters (6)
- 0:00The evolution of Figma
- 1:43The challenge of adoption
- 2:46Rallying around accessibility
- 5:29Enabling developer adoption
- 6:55Synchronizing design and code
- 8:36Lessons in systemic growth
related talks
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
18mMaking the Things That Help Others Do Their Thing
49mMaking Pinterest More Inclusive Through Design Systems
51mThe Power of Design Systems
17mNew options for accessible design
14mRethinking Designer-Developer Collaboration
23mCollaborative and real-time design systems in Figma
42mCode, Creativity, and Community at Figma