<p>左起，Wired 大編輯 Steven Levy 和 Figma 聯合創始人兼首席執行官 Dylan Field 於 2024 年 12 月 3 日在舊金山的 Wired The Big Interview 活動上發言。</p>
<p>Kimberly White | Wired | Getty Images</p>
<p>設計軟件初創公司 Figma 於週三推出了一項人工智能功能，以自動化構建網站和應用程序的過程。</p>
<p>這項新功能名為 Figma Make，是公司對 “氛圍編碼” 工具興起的回應，這些工具將簡短的書面描述轉化為構建網站所需的源代碼。</p>
<p>谷歌和微軟今年都宣傳了自己的 “氛圍編碼” 工具。OpenAI 也進入了這一領域，據 CNBC 報道，與一家名為 Windsurf 的初創公司進行了收購談判，並多次聯繫另一家公司 Cursor。</p>
<p>這一舉措可能會為 Figma 帶來更多業務，該公司上個月已秘密提交了首次公開募股申請。</p>
<p>許多今天的 “氛圍編碼” 產品在要求付款之前提供輕量使用的免費層。Figma Make 僅對那些每人每月起價 16 美元的全席用户可用，且該公司正在與這些用户進行功能的測試。</p>
<p>擁有高級訂閲的用户可能在存儲字體大小、顏色組合和其他設計資產的公司工作。隨着時間的推移，這項新功能將能夠創建符合這些設計系統的設計。</p>
<p>Figma 的新工具依賴於 Anthropic 的 Claude 3.7 Sonnet AI 模型。對於那些不想從頭開始的人，Figma Make 還可以接受 Figma 設計文件作為輸入，並生成近似的代碼。第三方產品如 Vercel 的 v0 和 StackBlitz 的 Bolt.new 提供類似的功能，但無法繼承現有的設計系統。</p>
<p>與許多其他 “氛圍編碼” 程序一樣，Figma Make 提供一個聊天框，以請求和接收其生成草稿的調整。但有時，簡單的修復，例如更改字體，就是所需的全部。特定元素的下拉菜單允許快速修改，這意味着無需再次諮詢 AI 模型並等待響應。</p>
<p>獲得 Figma Make 早期訪問權限的客户表示，他們用它製作了視頻遊戲、記筆記應用和個性化日曆，一位發言人説。</p>
<p>這並不意味着在人工智能出現後，設計師在公司內就沒有立足之地。</p>
<p>“隨着時間的推移，我對設計師角色的信心越來越強——我相信這將成為未來軟件開發中的關鍵角色之一，” Figma 聯合創始人兼首席執行官 Dylan Field 最近在與硅谷初創公司加速器 Y Combinator 總裁兼首席執行官 Garry Tan 的對話中説道。</p>
<p>同樣在週三，Figma 表示它開始測試 Figma Sites，這是一項需要全席的功能。它可以將設計轉換為可工作的網頁。Figma 表示，支持 AI 代碼生成的功能將在接下來的幾周內推出。</p>
<p><strong>觀看：</strong> 人工智能 “氛圍編碼” 的崛起</p>

<p>Figma 推出了一項名為 Figma Make 的新 AI 功能，旨在通過 “氛圍編碼” 自動化網站和應用程序開發。與許多競爭對手不同，它不提供免費層，僅對從每月 16 美元起的高級訂閲用户開放。該工具利用了 Anthropic 的 Claude 3.7 Sonnet AI 模型，可以根據書面描述或現有的 Figma 設計文件生成代碼。Figma 還在測試 Figma Sites，該功能將設計轉換為功能性網站，預計很快將支持 AI 代碼生成</p>

<p>From left, Steven Levy, Wired editor at large, and Dylan Field, co-founder and CEO of Figma, speak onstage at Wired's The Big Interview event in San Francisco on Dec. 3, 2024.</p>
<div class="lb-trans"><p>左起，Wired 大編輯 Steven Levy 和 Figma 聯合創始人兼首席執行官 Dylan Field 於 2024 年 12 月 3 日在舊金山的 Wired The Big Interview 活動上發言。</p>
</div><p>Kimberly White | Wired | Getty Images</p>
<div class="lb-trans"><p>Kimberly White | Wired | Getty Images</p>
</div><p>Design software startup Figma on Wednesday debuted an artificial intelligence feature to automate the process of building websites and applications.</p>
<div class="lb-trans"><p>設計軟件初創公司 Figma 於週三推出了一項人工智能功能，以自動化構建網站和應用程序的過程。</p>
</div><p>The new feature, called Figma Make, is the company's response to the rise of &#34;vibe-coding&#34; tools, which turn a short written description into the source code necessary for a website.</p>
<div class="lb-trans"><p>這項新功能名為 Figma Make，是公司對 “氛圍編碼” 工具興起的回應，這些工具將簡短的書面描述轉化為構建網站所需的源代碼。</p>
</div><p>Google and Microsoft have both touted their own &#34;vibe-coding&#34; tools this year. OpenAI has also entered the space, holding acquisition talks with one startup in the space, Windsurf, and reaching out to another called Cursor on multiple occasions, CNBC reported.</p>
<div class="lb-trans"><p>谷歌和微軟今年都宣傳了自己的 “氛圍編碼” 工具。OpenAI 也進入了這一領域，據 CNBC 報道，與一家名為 Windsurf 的初創公司進行了收購談判，並多次聯繫另一家公司 Cursor。</p>
</div><p>The move might draw additional business to Figma, which confidentially filed for an initial public offering last month.</p>
<div class="lb-trans"><p>這一舉措可能會為 Figma 帶來更多業務，該公司上個月已秘密提交了首次公開募股申請。</p>
</div><p>Many of today's &#34;vibe-coding&#34; products offer a free tier for light use before requesting payment. Figma Make will only be available to those with full seats that start at $16 per person per month when purchased annually. The company is beta-testing the feature with those users.</p>
<div class="lb-trans"><p>許多今天的 “氛圍編碼” 產品在要求付款之前提供輕量使用的免費層。Figma Make 僅對那些每人每月起價 16 美元的全席用户可用，且該公司正在與這些用户進行功能的測試。</p>
</div><p>People with premium subscriptions likely work for companies that store font sizes, color combinations and other design assets in Figma. Over time, the new feature will be able to create designs that adhere to those design systems.</p>
<div class="lb-trans"><p>擁有高級訂閲的用户可能在存儲字體大小、顏色組合和其他設計資產的公司工作。隨着時間的推移，這項新功能將能夠創建符合這些設計系統的設計。</p>
</div><p>Figma's new tool relies on Anthropic's Claude 3.7 Sonnet AI model. For those who don't want to start from scratch, Figma Make can alternatively accept Figma design files as an input and generate code that approximates them. Third-party products such as Vercel's v0 and StackBlitz's Bolt.new offer similar capability but can't inherit existing design systems.</p>
<div class="lb-trans"><p>Figma 的新工具依賴於 Anthropic 的 Claude 3.7 Sonnet AI 模型。對於那些不想從頭開始的人，Figma Make 還可以接受 Figma 設計文件作為輸入，並生成近似的代碼。第三方產品如 Vercel 的 v0 和 StackBlitz 的 Bolt.new 提供類似的功能，但無法繼承現有的設計系統。</p>
</div><p>Like many other &#34;vibe-coding&#34; programs, Figma Make presents a chat box to ask for and receive adjustments of drafts it comes up with. But sometimes a simple fix such as a font change is all that's necessary. Drop-down menus for specific elements allow for quick alterations, meaning that there's no need to consult the AI model again and wait for a response.</p>
<div class="lb-trans"><p>與許多其他 “氛圍編碼” 程序一樣，Figma Make 提供一個聊天框，以請求和接收其生成草稿的調整。但有時，簡單的修復，例如更改字體，就是所需的全部。特定元素的下拉菜單允許快速修改，這意味着無需再次諮詢 AI 模型並等待響應。</p>
</div><p>Customers who received early access to Figma Make got it to craft video games, a note-taking app and a personalized calendar, a spokesperson said.</p>
<div class="lb-trans"><p>獲得 Figma Make 早期訪問權限的客户表示，他們用它製作了視頻遊戲、記筆記應用和個性化日曆，一位發言人説。</p>
</div><p>That doesn't mean there's no place for designers inside companies with the advent of AI.</p>
<div class="lb-trans"><p>這並不意味着在人工智能出現後，設計師在公司內就沒有立足之地。</p>
</div><p>&#34;The more time has gone on, the more that I'm confident in a designer's role — and believe that it's going to be one of the critical roles in bulding software in the future,&#34; Dylan Field, Figma's co-founder and CEO, said in conversation recently with Garry Tan, president and CEO of Silicon Valley startup accelerator Y Combinator.</p>
<div class="lb-trans"><p>“隨着時間的推移，我對設計師角色的信心越來越強——我相信這將成為未來軟件開發中的關鍵角色之一，” Figma 聯合創始人兼首席執行官 Dylan Field 最近在與硅谷初創公司加速器 Y Combinator 總裁兼首席執行官 Garry Tan 的對話中説道。</p>
</div><p>Also on Wednesday, Figma said it was beginning to test Figma Sites, another feature that requires full seats. It can convert designs into working websites. Support for AI code generation will follow in the next few weeks, Figma said.</p>
<div class="lb-trans"><p>同樣在週三，Figma 表示它開始測試 Figma Sites，這是一項需要全席的功能。它可以將設計轉換為可工作的網頁。Figma 表示，支持 AI 代碼生成的功能將在接下來的幾周內推出。</p>
</div><p><strong>WATCH:</strong> The rise of AI 'vibe coding'</p>
<div class="lb-trans"><p><strong>觀看：</strong> 人工智能 “氛圍編碼” 的崛起</p>
</div>

Figma 推出 “氛圍編碼” 人工智能軟件設計功能