產品發佈
Figma 更新加入 Code Layers、動畫支援與更多 AI 功能
Figma adds code layers, support for animations, more AI features in new update
TechCrunch AI · 2026-06-24
摘要
Figma 發布重大更新，正式引入 Code Layers 功能，讓設計師能更直觀地將視覺設計轉換為前端程式碼結構。此次更新同時強化了動畫與 Shader 支援，並開放利用 AI 建立自訂插件，大幅縮短設計到開發的轉換流程，提升協作效率。
●開發者：Code Layers 能降低設計到程式碼的溝通成本，加速前端實作
●投資人：Figma 持續深化 AI 與開發者工具整合，鞏固其在設計軟體市場的壟斷地位
●一般用戶：可體驗更流暢的動畫效果與更智能的插件功能
重要性評分
🟠 值得關注
喜歡這篇？每天早晨還有更多。
訂閱 5min AI，讓 AI 替你追蹤整個 AI 世界。
相關指南
2026 生成式 AI 設計工具全攻略：從概念到產出的完整流程
探索 2026 AI 設計工具全攻略，掌握從概念發想到最終產出的完整生成式設計流程。涵蓋 AI 視覺創作與設計工具整合實戰技巧，助您提升設計效率。
閱讀指南 →
Claude Design 完整介紹：Anthropic 推出 AI 設計工具，非設計師也能 5 分鐘做出 prototype
Anthropic 於 2026 年 4 月 17 日正式發佈 Claude Design，這款 AI 設計工具讓你用對話產生 prototype、簡報、one-pager，還能讀你的 codebase 自動套用品牌設計系統。本文完整介紹功能、使用情境、與 Figma 的差異，以及誰適合用。
閱讀指南 →
Crewdle AI 教學：繁中完整上手指南（功能、免費版、實測）
探索 Crewdle AI 教學，了解 Crewdle AI 是什麼、怎麼用。本文提供繁中完整指南，涵蓋免費版功能、實測分析與中文介面設定，助您快速上手。
閱讀指南 →🤖 本文摘要由 AI 自動生成，內容源自原始報導。如有疑慮，請參閱關於我們。
喜歡這篇？每天早晨還有更多。
訂閱 5min AI，讓 AI 替你追蹤整個 AI 世界。