<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 推出 “氛围编码” 人工智能软件设计功能