Figma Adds Advanced Coding Layers and AI Features
Figma 新增進階代碼層與 AI 功能
Introduction
Figma has announced several technical updates to its design platform, focusing on combining coding, motion graphics, and AI-driven automation.
Figma 宣布其設計平台將進行多項技術更新，重點在於將代碼、動態圖形與 AI 驅動的自動化相結合。
Main Body
The most significant change is the introduction of code layers within the shared workspace. This update allows users to import code repositories and turn code flows into design layers, which makes the process faster for designers, product managers, and engineers. Chief Product Officer Yuhki Yamashita emphasized that this new environment encourages rapid experimentation rather than focusing immediately on perfect code.
最顯著的改變是在共享工作區中引入了代碼層。此次更新允許用戶匯入代碼庫並將代碼流程轉換為設計層，這讓設計師、產品經理和工程師的流程變得更快速。首席產品官 Yuhki Yamashita 強調，這個新環境旨在鼓勵快速實驗，而非立即專注於完美的代碼。
Furthermore, the platform has improved its creative tools by adding native motion support and special visual effects. Users can now create 3D transitions directly in the interface, meaning they no longer need to use external software. These visual improvements are supported by WebGPU technology, allowing users to create effects like pixelation using simple AI prompts.
此外，該平台透過增加原生動態支持與特殊視覺效果，改良了其創意工具。用戶現在可以直接在介面中創建 3D 轉場，意味著不再需要使用外部軟體。這些視覺改進由 WebGPU 技術支持，允許用戶使用簡單的 AI 提示詞來創建如像素化等效果。
Finally, Figma is increasing productivity through AI agents and generative plugins. The platform now allows users to create repeatable 'skills' using text prompts and can connect to third-party data from GitHub, Notion, and Excel. Additionally, Figma is integrating the tool Weavy, which will allow users to build complex AI workflows directly on the canvas later this year.
最後，Figma 透過 AI 代理與生成式插件來提升生產力。該平台現在允許用戶使用文字提示詞創建可重複使用的「技能」，並能連接 GitHub、Notion 和 Excel 的第三方數據。此外，Figma 將整合 Weavy 工具，讓用戶在今年稍後能直接在畫布上構建複雜的 AI 工作流。
Conclusion
Figma is moving toward becoming a full-stack development environment by merging design tools with live code and AI automation.
Figma 透過將設計工具與即時代碼及 AI 自動化結合，正邁向成為一個全棧開發環境。
Vocabulary Learning
🚀 The 'Power-Up' Logic: Moving from Simple to Sophisticated
At an A2 level, you describe things using simple verbs: "Figma has new tools." or "It helps users."
To reach B2, you need to describe processes and results using more precise, academic-style verbs. Let's look at the 'engine' of this article.
🛠️ The Upgrade List
Instead of using basic words, look how the author describes change:
- Instead of "making" Integrating: "Figma is integrating the tool Weavy." (This means putting two things together so they work as one).
- Instead of "joining" Merging: "Merging design tools with live code." (This is used when two things blend into a single new thing).
- Instead of "improving" Increasing productivity: "Figma is increasing productivity through AI agents." (B2 students focus on the result of the improvement).
💡 The 'B2 Secret': Complex Noun Phrases
B2 speakers don't just use nouns; they build "noun chains" to be specific.
A2 Style: "Tools that use AI to automate things." B2 Style: "AI-driven automation."
A2 Style: "A place where people share work." B2 Style: "A shared workspace."
Pro Tip: To sound more fluent, stop using long phrases starting with "which is..." or "that are..." and try to put the description before the noun using a hyphen (like AI-driven).
⚡ Quick Shift: The 'Result' Connector
Notice this sentence: "...meaning they no longer need to use external software."
In A2, you would say: "They have 3D transitions. So, they don't need other software."
By using ", meaning...", you connect the feature directly to the benefit. This is the hallmark of B2 fluency: showing the logical consequence of a fact in one smooth breath.