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

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

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

// For updates and other tutorials, follow me on:

Twitter: https://x.com/deanemachine
Medium: https://christopherdeane.medium.com/