設計系統: 顏色 (Design System: Color) #2 - Figma實作 • UI/UX 教學

這集我們來看用Figma 製作出一套顏色的設計系統。其中我們也會用到Dark Mode 的設定跟些簡單的互動。

第一集關於顏色設計系統的概念 (挺重要): https://youtu.be/Xd-pvdJgf54

[章節]
0:00 底色 (Base Color) 製作
08:14 顏色標籤 (Color Token) 製作
21:37 Scope整理顏色選則
23:06 顏色標籤配對
29:05 顏色模式設定 (Light/Dark Mode)
31:52 Dark Mode 切換互動
34:41 標籤註解跟程式名稱代替命名
39:18 輸出/輸入顏色系統
43:25 顏色更改
45:35 結尾

#DesignSystem_Color #顏色設計系統 #顏色系統 #Figma顏色