Collaborative and real-time design systems in Figma
summary
Unacademy replaces a Sketch-based stack with Figma and migrates core files within a week, cutting separate tools for versioning, handoff and prototyping. The design system enforces a fixed palette, named typography and a 150-icon set in a shared component library with edit access limited to one or two maintainers. Figma’s multiplayer web editor shows live edits, publishes component updates with notifications across all files, and lets teams of ~40 across four apps work in real time. SVG import and basic prototyping cover most needs.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 0:37Overview
- 1:24Current state of design
- 3:21Figma
- 3:51Goals
- 6:17Multiplayer
- 6:56Share Edit Access
- 7:27Communication
- 7:59Transparency
- 8:39Design system overview
- 8:58Colors
- 9:25typography
- 9:43icons
- 11:10confidence
- 11:30efficiency
- 12:21sketches
- 13:22questions
- 14:40design team
- 16:44performance
- 17:26offline
- 18:18working with different tools
- 19:38prototyping
- 20:53illustrator
related talks
21mHow Engineers Led a Redesign of Our Design Tool
24mFigma components in sync with code components
23mHow Figma helps me in my role as a Content Designer
18mMaking the Things That Help Others Do Their Thing
21mIt's better when we design together
20mWhat if it all started in Figma?
14mRethinking Designer-Developer Collaboration
52mRemote Design with Figma Workshop