In this video, you will learn how to properly manage Figma design systems and create effective documentation so you can adapt to product changes and keep your projects organized for everyone on your team.

Billy, Design Lead at Headway, will go through tips and tricks he has learned over the years, share design systems examples, and the best practices that have helped us manage our design systems and projects at Headway.

✅ Tracking and implementing new design requests
✅ Best practices for version control
✅ Managing documentation, updates, and your team with changes

‍

Segments

Iterations & Maintenance - 0:56

Intro - 1:33

Overview - 2:05

Keeping Things Clear - 3:16

Design Process - 3:54

Manage Status in a File - 5:35

Status Annotation Plugin - 10:36

Getting Historical - 13:15

Page-Based Versioning - 15:21

New File Versioning - 16:38

Component Versioning -19:29

Figma Version History - 21:17

Design System Documentation - 23:33

People & Process -36:19

The Tool Box - 39:05

Q&A - 40:04

‍

Tools

Shipwright UI Kit

Storybook‍

Zeroheight

Notion

Resources

Creating Design Systems Talk

Status Annotation Plugin

Google Sheet Sync

Design Tokens in Figma

‍

Missed the first lesson?

Watch the replay!

Creating Scalable Design Systems

‍

Free resources

🚢 Shipwright UI Kit - A fully editable design system built in Figma

⬇️ Icon Pack - Get a jump start on your own collection by downloading this pack

🎥 Recordings from past events

‍