用 Design Tokens 讓 AI 實現你的設計，而不是主導你的設計

用 Design Tokens 讓 AI 實現你的設計，而不是「主導」你的設計

—— 拆解 AI 幻覺與公版陷阱，建立專案導向的 Design System ——

不要讓 AI 決定你的設計，要讓 AI 實現你的設計。 讓設計系統大神 Harry 老師示範如何透過 Figma Make 建立 Design System

#AI  #DesignTokens  #Design System

為什麼 AI 給你的建議，永遠都像是複製貼上 Material Design？

使用 AI 建立設計系統時，你是否也遇到了這些「失控」現場：

• AI 幻覺發作： 想要品牌色調，AI 卻給你科技藍；明明是特殊專案，卻吐出大眾化的按鈕規範。
• 設計趨同化： 生成結果長得都像 Tailwind 或 Ant Design，品牌靈魂消失在公版規範裡。
• 需求斷層： 缺乏約束力的指令，讓 AI 越跑越偏，最後產出的規範根本無法實作應用。

從 Vibe 到 Logic，建立你的「設計防護牆」

Harry 老師會示範如何透過邏輯蓋出一個「護欄」，讓 Figma Make 在你的規範內奔跑。

• 「防撞護欄」理論： 學習撰寫具備約束力的 Guidelines.md，為 Figma Make 設定精準的運行邊界。
• 從 Vibe 到 Logic 的轉化： 拒絕抽象的形容詞，教你將視覺「感覺（Vibe）」轉化為具體的「邏輯（Tokens）」。
• 除錯技術演繹： 針對 AI 幻覺優化提示詞，讓 Figma Make 產生的結果精準對齊你的需求。

📌 活動大綱：

使用工具：Figma Make

1. 診斷與拆解：識別 AI 幻覺，看穿公版設計的陷阱
2. AI 協作產出：運用 Figma Make 快速生成組件庫，並實戰演示提示詞優化循環
3. 線上 QA：任何關於 AI 協作/ 設計系統的疑難雜症

👀 誰適合參加：

• UI/UX 設計師： 想在工作流導入 AI，但拒絕作品失去原創性與專業度的你。
• 產品經理 (PM)： 希望透過 AI 快速產出原型，且確保設計不偏離品牌商業邏輯。
• 工程師： 身兼設計師一角，想了解如何定義設計系統、在乎產品差異性，希望從 Token 層面定義視覺邏輯並呈現給使用者。

✨ 來賓介紹：

Harry Chuang｜近 20 年 UI/UX × 前端開發實戰經驗

Harry Chuang 擁有近 20 年 UI/UX 設計與前端開發經驗，長期活躍於產品設計、設計系統與跨部門協作第一線。他不只懂設計，更能以工程視角思考落地與規模化，是少數能真正串起「設計 × 開發 × 系統化思維」的實務型專家。

曾任職於 TutorMing 學習平台、Shopmatic 電商平台；亦受邀擔任 KKDay 設計顧問，主導首款 App 設計。

【設計系統培訓與顧問】

• AAPD 線上課程講師 開發設計系統課程，涵蓋 Design Tokens、元件規範與實戰建置
• UXY / IxDA 工作坊講師 以設計師 + 工程師雙視角，帶領學員理解設計系統如何提升團隊效率
• QNAP 企業內訓 以「AI × 設計系統」切角，協助團隊加速規劃與落地
• Codrops 特邀撰稿 分享如何用設計系統規範駕馭 AI 輔助開發，打造網站平台

【Shopmatic — 設計系統元件庫】

• 為新加坡設計團隊與印度工程團隊打造共用元件庫（Storybook）
• 減少跨國協作的溝通成本，大幅提升產品交付效率 </aside>

聰明使用 AI 事半功倍，讓它成為你最精準的執行手。

趕快免費報名參加活動，來看看資深設計師如何善用 AI 建立一套真正服務於專案需求、具備品牌獨特性的設計系統。