第一章：環境

• 1-1 簡介1：了解風格指南和設計系統之間的區別
• 1-2 簡介2：在環境設定的過程中理解檔案結構和格線佈局

第二章：命名

• 2-1 命名原則1：聯併命名法
• 2-2 命名規則2：分類

第三章：排版

• 3-1 排版：了解排版術語、如何在 Figma 中建立文字樣式

第四章：顏色

• 4-1 顏色1：不同品牌的範例，學習顏色術語
• 4-2 顏色2：了解顏色套色模式、命名原則以及建立樣式

第五章：圖示 

• 5-1 圖示：了解圖示樣式的類型和術語

第六章：Figma 

• 6-1 Figma：了解 Figma 和自動佈局中，框架和群組的基本概念

第七章：元件基礎 

• 7-1 元件基礎1：理解元件和實例以進行擴充式元件設計和重複使用
• 7-2 組件基礎2

第八章：進階元件

• 8-1 元件進階介紹：瞭解設計組件組合和製作元件時的狀態名稱
• 8-2 練習：高級元件：透過例子來做自由設計一張卡片
• 8-3 元件：瞭解狀態的名稱和概念，並完成組合元件和卡片

第九章：編輯樣式指南 

• 9-1 操作風格指南時的修改與應對

第十章：交接

• 10-1 匯出風格指南