我最近的設計流程 (Figma ↔ Claude Code)

自從最近出了這麼多 AI 工具後，再加上我自己慢慢把這些工具加入到工作流程裡，我想在這集分享一下，我最近真實的設計流程。當然，這是我現在摸索到，覺得最適合我自己的方式 :)

簡單來說：在 Figma 裡畫出設計的想法，再用 Claude Code 把設計跟互動做出來，並直接在 Claude Code 裡做設計的調整。

____________________________________________________

【參考連結】
https://youtu.be/vwhJtTd5LbI
https://youtu.be/ESI4WgytAvQ
Figma MCP: https://www.figma.com/mcp-catalog/

____________________________________________________

【章節】
00:00 主題前言
00:08 大致工作流程
01:20 1.地基Design System
05:17 2.寫Skill指令
06:26 3.Figma製作物件
08:35 4.Figma MCP到Code
12:37 5.跟Claude討論設計
14:39 6.利用其他資料庫
15:30 流程總結
16:53 主題結尾

---------------------------------------------------------

支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
我的IG: https://www.instagram.com/yt.alan.design/

#AI設計流程 #ClaudeCode設計 #Figma設計