Figma Design System: 01 Structure

Hello everyone and Happy New Year! It’s 2024 and time for a new series where we create a Design System in Figma called FDS. 🎉

In this episode, we’ll look at how to structure the system and the libraries you’ll need. 🤟

// Chapters
0:00 Intro
0:13 Structure overview
0:38 Design Tokens library
1:07 Iconography library
1:29 Web Components library
1:37 App Components library
1:59 Grab the starter libraries
2:13 Scale Design System
2:30 Outro 👋

// FDS Libraries
https://drive.google.com/drive/folders/1YXUHhWJ7NL1xSh_7lDI-QRp1GOw7V7Yo?usp=sharing

// Scale Design System
http://www.scaledesignsystem.com/

// Software used
https://www.figma.com/

// For updates and other tutorials, follow me on
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane

#figma #designsystem #structure