什麼是 Design Token ?|Design Token 2024 詳解 |使用Figma variable(變量)創建顏色系統!

什麼是 Design Token ?|Design Token 2024 詳解 |使用Figma variable(變量)創建顏色系統!

6669 次观看 · 2024-07-18 UI 设计
什麼是Design token?解析Design token以及如何使用figma variable建立設計系統

UI設計師、產品設計師2024年必須掌握的基礎知識。使用變量variable創建顏色系統,提升產品迭代更新效率!

▼ 影片目錄 ▼
00:32 什麼是Design token(設計標籤)
01:47 Design token在顏色系統中的應用
02:55 Design token的分類
03:43 使用Variable(變量)在Figma中建立顏色系統
09:46 使用mode(模式)實現亮色/暗色切換

什麼是 Design System|如何快速建立一個設計系統?設計系統基礎教學2024!▼
https://www.youtube.com/watch?v=X6qVOp4-YhA&t=680s&ab_channel=%E8%A8%AD%E8%A8%88%E5%B8%AB%E5%87%B1%E6%96%87CreativeKev