Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Figma Design System: 02 Primitive Color Variables

48K views on YouTube

Hello everyone, and welcome to the second episode in a series where we create a Design System in Figma called FDS.

In this episode, we’ll be creating our primitive color variables 🤟.

// Chapters
0:00 Intro
0:16 What are Primitive colors?
1:27 Create color tint scales
6:13 Create color styles
7:25 Covert color styles to variables
8:27 Create documentation
12:04 Outro 👋

// FDS Libraries
Download the Figma files I use in this series here:
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 #primitivecolorvariables