Figma Design System: 03 Semantic Color Variables

Figma Design System: 03 Semantic Color Variables

Christopher Deane 14.1K subscribers
54.3K views · 2024-02-11 UI Design
Hello everyone, and welcome to the third episode in a series where we create a Design System in Figma called FDS.

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

// Chapters
0:00 Intro
0:17 Create missing Primitive Variables
1:19 What are Semantic colors?
2:59 Semantic table overview
4:43 Create Semantic Variables
10:03 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 #semanticcolorvariables