Figma Design System: 03 Semantic Color Variables
5.4万 次观看 · 2024-02-11
UI 设计
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
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