阿凱📝 主編觀點 · 產品思維 — 哪個 AI 產品做對了什麼，我們能學到什麼
Figma 做了一件讓工程師又愛又怕的事
Figma 這次更新悄悄動了一個對工程師影響很大的功能：Code Layers。
過去設計師交稿，工程師拿到的是一堆圖層和標注，要自己判斷這個元件應該是 `div` 還是 `section`、間距是 `margin` 還是 `padding`、哪些東西要用 Flex 哪些要用 Grid。翻譯這份「設計語言」本來就耗時，如果設計師命名習慣不好，那更是一場災難。
Code Layers 直接把視覺設計的層級結構對應到前端程式碼結構。設計師在 Figma 畫的每一層，現在可以直接標記語意，工程師拿到的不再是「一堆方塊」，而是接近可以直接實作的邏輯結構。
這件事有趣的地方在於：Figma 在做的，不是讓 AI 幫你寫 code，而是讓設計師說人話給工程師聽。
這才是產品思維的正確打法。很多公司看到 AI 浪潮就硬塞一個「Generate Code」按鈕，生出來的東西能跑但維護成本爆炸。Figma 走的路不一樣——它先把設計和開發之間的資訊落差填起來，讓 AI 在這個基礎上才介入，而不是跳過這個問題直接生成結果。
順帶一提，這次更新還加了 Shader 支援和 AI 自訂插件。Shader 代表 Figma 想把動畫這塊也納進來，讓設計師在工具裡就能做出接近最終產品的視覺效果，減少「設計稿看起來很酷，實作出來又是另一回事」的老問題。AI 自訂插件則是讓設計師可以用自然語言建立自己的自動化流程，不用等 Figma 官方更新。
Figma 這輪更新其實在搶一個很具體的市場：設計師和工程師協作的「中間地帶」。過去這塊是 Zeplin、Storybook 這類工具在填，現在 Figma 自己吃掉了。
設計到開發的交接流程，可能很快就不需要一份密密麻麻的 Spec 文件了。
