· AI 與工具
Code to Figma
當 AI 能直接產出 prototype,Figma 還有必要嗎?只要設計師和工程師不是同一個人,就一定需要溝通工具。這篇講反方向的 Code to Figma 怎麼做。
共 6 篇
當 AI 能直接產出 prototype,Figma 還有必要嗎?只要設計師和工程師不是同一個人,就一定需要溝通工具。這篇講反方向的 Code to Figma 怎麼做。
先用 PRD 產出畫圖用的 Spec,丟給 AI Agent 生成能跑的 prototype,再讓 AI 讀 DOM 反灌回 Figma。這篇講整套流程,也講設計師得到的提速為什麼不如工程師。
寫程式可以完全靠嘴砲了,那設計稿呢?為了讓 AI 能順利產出 Figma 設計稿,我洋洋灑灑寫了很多 Skill Rule 來解決它產不順的問題。
AI 切版切得好不好,取決於設計師 Figma 的品質。說 AI 切得很棒只有兩種可能:你的設計師功力高超,或是你根本沒有設計稿。
每個工程師都在精心規劃自己的 project contexts。但 AI 不會幫你規劃複雜的系統架構,你要什麼都得講清楚說明白。
Auto Layout 某種程度模擬了 CSS Flexbox,打破了設計與前端之間的溝通橫溝。從「太花時間了不可能都用」到現在出現歧視鏈,這個變遷很有趣。