Figma 推 AI 革命：开发智能应用制作器与网站创建工具_The_is_of

设计巨头的 AI 野心：Figma 如何以双引擎重塑创作生态The AI Ambitions of Design Giant: How Figma is Reshaping the Creative Ecosystem with Dual Engines

在人工智能重塑各行业的浪潮中，全球领先的在线设计协作平台 Figma 正酝酿一场颠覆式变革。据知名安全研究员 Jane Manchun Wong 最新披露，Figma 正秘密推进两大 AI 驱动型产品研发 —— AI 应用程序制作器 与 Figma Sites 网站创建工具。这不仅标志着设计巨头正式进军 AI 创作领域，更预示着设计开发流程将迎来前所未有的智能化重构。两大产品犹如双引擎，驱动 Figma 从传统设计工具向全链路智能创作平台转型，一场关于数字创作生态的变革正在悄然上演。

In the wave of artificial intelligence reshaping various industries, Figma, the world's leading online design collaboration platform, is brewing a disruptive transformation. According to the latest disclosure by renowned security researcher Jane Manchun Wong, Figma is secretly advancing the research and development of two AI-driven products - the AI Application Builder and the Figma Sites Website Creation Tool. This not only marks the design giant's official entry into the AI creative field but also heralds an unprecedented intelligent reconstruction of the design and development process. These two products are like dual engines, driving Figma's transformation from a traditional design tool to an end-to-end intelligent creation platform. A revolution in the digital creative ecosystem is quietly unfolding.

展开剩余90%

智能造物新范式：AI 应用程序制作器的技术解构

New Paradigm of Intelligent Creation: Technical Deconstruction of the AI Application Builder

Figma 即将推出的 AI 应用程序制作器，堪称设计与开发融合的里程碑式创新。这款工具突破了传统开发流程的技术壁垒，构建起 “输入 - 智能处理 - 输出” 的全链路智能化体系，重新定义了应用开发的生产方式。

The upcoming AI Application Builder by Figma is a landmark innovation in the integration of design and development. This tool breaks through the technical barriers of traditional development processes, constructing an end-to-end intelligent system of "input-intelligent processing-output," redefining the production mode of application development.

多模态输入：打破创作边界

Multimodal Input: Breaking the Boundaries of Creation

该制作器支持 文本提示、Figma 设计文件、图像素材 等多元化输入形式，实现了创作入口的极大拓展。设计师既可以通过自然语言描述应用功能需求，如 “创建一款支持多语言切换的电商购物 APP”；也能直接上传 Figma 设计稿，将静态界面转化为动态交互原型；甚至可以通过手绘草图或参考图片，快速生成具有视觉一致性的应用界面。这种多模态交互模式，让创意表达不再受限于技术门槛，真正实现 “所想即所得”。

The builder supports diverse input forms such as text prompts, Figma design files, and image materials, greatly expanding the creative entry points. Designers can either describe application functional requirements in natural language, such as "Create an e-commerce shopping APP that supports multi-language switching"; closely follow the progress of zxjd.yanqicm.com function handling or directly upload Figma design drafts to transform static interfaces into dynamic interactive prototypes; or even quickly generate visually consistent application interfaces from hand-drawn sketches or reference images. This multimodal interaction mode ensures that creative expression is no longer limited by technical barriers, truly achieving "what you think is what you get."

大模型驱动：智能生成引擎

Powered by Large Models: The Intelligent Generation Engine

背后的核心驱动力来自 Anthropic 的 Claude Sonnet 大语言模型，该模型以强大的逻辑推理和代码生成能力著称。通过与 Supabase 平台的深度整合，制作器实现了从设计意图解析到代码生成的自动化处理。当用户输入设计需求后，Claude Sonnet 首先对文本进行语义理解，拆解功能模块；随后调用 Supabase 的数据库管理和 API 接口能力，自动生成适配不同平台（iOS、Android、Web）的前端代码与后端逻辑。实测数据显示，该系统在常规应用开发场景下，可将原型制作效率提升 300%，代码生成准确率达 92%。

The core driving force behind it comes from Anthropic's Claude Sonnet large language model, renowned for its powerful logical reasoning and code generation capabilities. Through deep integration with the Supabase platform, closely follow the progress of sph.yanqicm.com function handling the builder achieves automated processing from design intent analysis to code generation. When users input design requirements, Claude Sonnet first conducts semantic understanding of the text, decomposing functional modules; then it invokes the database management and API interface capabilities of Supabase to automatically generate front-end code and back-end logic suitable for different platforms (iOS, Android, Web). Test data shows that in regular application development scenarios, this system can increase prototype production efficiency by 300% and achieve a code generation accuracy rate of 92%.

低代码革命：全民开发时代来临

The Low-code Revolution: The Arrival of the Era of Universal Development

这一工具的推出，将彻底改写应用开发的参与者格局。以往需要专业程序员团队数月完成的项目，现在设计师仅凭 Figma 制作器即可在数小时内产出可运行原型。据行业分析机构预测，随着该工具的普及，非技术背景的创作者将占据应用开发市场 40% 以上份额，直接威胁到 Framer、Webflow、Wix 等低代码平台的市场地位。更重要的是，它催生了 “设计即开发” 的全新工作流，设计师的角色从单纯的视觉规划者转变为全链路产品创造者。

The launch of this tool will completely rewrite the landscape of application development participants. Projects that previously required professional programmer teams months to complete can now be turned into working prototypes by designers within hours using the Figma builder. According to industry analysts' predictions, with the popularization of this tool, non-technical creators will account for more than 40% of the application development market share, directly threatening the market positions of low-code platforms such as Framer, Webflow, and Wix. More importantly, it has given rise to a 全新 workflow of "design is development," transforming designers' roles from mere visual planners to end-to-end product creators.

设计到上线的闭环：Figma Sites 的战略野心

The Closed Loop from Design to Launch: The Strategic Ambitions of Figma Sites

与 AI 应用程序制作器形成协同的 Figma Sites，是 Figma 在网站创建领域的重要布局。尽管细节尚未完全公开，但从产品定位来看，其目标直指 “打造设计驱动的一站式网站解决方案”，进一步巩固 Figma 在数字创作全流程中的统治地位。

Complementing the AI Application Builder, Figma Sites represents Figma's significant layout in the website creation field. Although the details have not been fully disclosed, from the product positioning perspective, its goal is to "create a design-driven one-stop website solution," further consolidating Figma's dominance in the entire digital creation process.

设计资源的无缝转化

Seamless Transformation of Design Resources

Figma Sites 最大的创新在于实现了设计稿与网站成品的直接映射。设计师在 Figma 中完成页面布局、交互设计后，无需手动编写 HTML/CSS 代码，即可通过 Sites 工具一键生成响应式网站。该工具内置智能解析引擎，能够自动识别设计图层中的文字排版、色彩搭配、按钮交互等元素，将其转化为符合 Web 标准的代码结构。这种 “所见即所得” 的转化能力，使得网站开发周期从数周缩短至数天，极大提升了项目交付效率。

The greatest innovation of Figma Sites lies in its ability to directly map design drafts to finished websites. After designers complete page layouts and interactive designs in Figma, they can generate responsive websites with a single click through the Sites tool, without the need to manually write HTML/CSS code. The tool is equipped with an intelligent parsing engine that can automatically identify elements such as text layout, closely follow the progress of xhs.yanqicm.com function handling color schemes, and button interactions in design layers and convert them into code structures compliant with Web standards. This "what you see is what you get" transformation capability reduces the website development cycle from weeks to days, significantly improving project delivery efficiency.

协同生态的扩展升级

Expansion and Upgrading of the Collaborative Ecosystem

作为 Figma 生态的延伸，Sites 工具深度整合了平台的协作基因。团队成员可实时在线评审设计稿，提出修改建议；开发人员能直接在代码视图中进行微调，实现设计与开发的并行作业。此外，Sites 还支持与 Figma 的插件系统联动，用户可调用 SEO 优化、数据分析等第三方插件，完善网站功能。这种一体化协作模式，有望重新定义团队的工作协同方式，加速产品从创意到上线的全流程。

As an extension of the Figma ecosystem, the Sites tool deeply integrates the platform's collaborative features. Team members can conduct real-time online reviews of design drafts and provide modification suggestions; developers can directly make fine adjustments in the code view,closely follow the progress of dy.yanqicm.com function handling enabling parallel operations between design and development. In addition, Sites also supports integration with Figma's plugin system, allowing users to call third-party plugins for SEO optimization, data analysis, and other functions to enhance website capabilities. This integrated collaboration model is expected to redefine how teams work together, accelerating the entire process from creative concept to product launch.

行业震荡与生态博弈

Industry Turbulence and Ecosystem Competition

Figma 的 AI 战略布局，在行业内引发强烈震动。一方面，其产品创新能力对现有低代码平台构成直接威胁；另一方面，也促使整个设计开发生态进入新一轮的技术竞逐。

Figma's AI strategic layout has caused a strong shock in the industry. On the one hand, its product innovation capabilities pose a direct threat to existing low-code platforms; on the other hand, it has also driven the entire design and development ecosystem into a new round of technological competition.

巨头围剿与突围之路

The Surrounding and Breakthrough of Giants

在应用开发领域，Framer、Webflow 等平台已建立起成熟的低代码开发体系，而 Wix 更是凭借海量模板库占据中小微企业市场。面对竞争，Figma 的差异化优势在于 设计基因与 AI 深度融合。通过 Claude Sonnet 的智能加持，其制作器不仅能生成代码，更能理解设计意图，这是传统低代码平台难以企及的高度。但如何快速积累用户生态、完善技术支持体系，将成为 Figma 突围的关键。

In the application development field, platforms such as Framer and Webflow have established mature low-code development systems, and Wix has dominated the market for small, medium, and micro enterprises with its vast template library. In the face of competition, Figma's differential advantage lies in the deep integration of design genes and AI. With the intelligent support of Claude Sonnet, closely follow the progress of vx.yanqicm.com function handling its builder can not only generate code but also understand design intent, a height that traditional low-code platforms find difficult to reach. However, how to quickly build up a user ecosystem and improve the technical support system will be the key to Figma's breakthrough.

AI 插件市场的格局重塑

The Reshaping of the AI Plugin Market Landscape

随着 AI 应用程序制作器的推出，Figma 极有可能颠覆现有的 AI 插件市场。目前，市面上的设计类 AI 插件功能分散，缺乏系统性整合。Figma 通过内置大模型能力，为开发者提供了更广阔的插件开发空间。未来，围绕其制作器可能形成 “基础功能 + 垂直领域插件” 的生态模式，如针对教育行业的课程应用生成插件、电商领域的营销页面制作插件等，彻底改写插件市场的竞争规则。

With the launch of the AI Application Builder, Figma is highly likely to disrupt the existing AI plugin market. Currently, design-related AI plugins on the market have fragmented functions and lack systematic integration. Figma provides developers with a broader space for plugin development by embedding large model capabilities. In the future, an ecosystem model of "basic functions + vertical field plugins" may emerge around its builder, such as plugins for generating course applications in the education industry and plugins for creating marketing pages in the e-commerce field, completely rewriting the competition rules of the plugin market.

未来展望：智能创作的无限可能

Future Prospects: Infinite Possibilities of Intelligent Creation

Figma 的 AI 双产品战略，不仅是一次技术升级，更是对数字创作本质的重新定义。随着两大工具的落地，未来或将出现以下趋势：

Figma's AI dual-product strategy is not only a technological upgrade but also a redefinition of the essence of digital creation. With the implementation of these two tools, the following trends may emerge in the future:

角色融合：设计师与开发者的界限消融

Role Convergence: The Blurring Boundaries between Designers and Developers

“设计即开发” 的理念将推动职业角色的深度融合。未来，兼具审美能力与技术思维的 “全能型创作者” 将成为行业主流，传统的岗位分工将被打破，团队协作模式也将向更扁平化、高效化方向演进。

The concept of "design is development" will promote the deep integration of professional roles. In the future, "versatile creators" with both aesthetic abilities and technical thinking will become the mainstream in the industry. Traditional job divisions will be broken down, and team collaboration models will evolve towards greater flatness and efficiency.

生态重构：平台竞争转向全链路服务

Ecosystem Reconstruction: Platform Competition Shifts to End-to-End Services

各大设计开发平台的竞争焦点，将从单一工具功能转向 “设计 - 开发 - 部署 - 运营” 的全链路服务能力。Figma 若能持续完善 AI 生态，可能构建起覆盖创意生产全生命周期的服务体系，进一步巩固其行业霸主地位。

The competition focus of major design and development platforms will shift from the functions of individual tools to end-to-end service capabilities covering "design-development-deployment-operation." If Figma can continue to improve its AI ecosystem, it may build a service system that covers the entire life cycle of creative production, further consolidating its dominant position in the industry.

技术演进：多模态 AI 的创作革命

Technological Evolution: The Creative Revolution of Multimodal AI

随着多模态 AI 技术的成熟，未来创作工具将实现文本、图像、语音、视频等多形式的智能交互。Figma 的双产品布局，正是这一趋势的先行者，或将引领设计开发领域进入 “全感官创作” 的新时代。

With the maturation of multimodal AI technology, future creative tools will enable intelligent interaction in multiple forms such as text, images, voice, and video. Figma's dual-product layout is a forerunner of this trend and may lead the design and development field into a new era of "full-sensory creation."

这场由 Figma 掀起的智能创作革命，正在重新绘制数字世界的版图。无论是对行业从业者，还是普通用户而言，一个更高效、更智能、更普惠的创作时代，已然来临。

The intelligent creative revolution initiated by Figma is redrawing the map of the digital world. For both industry professionals and ordinary users, an era of more efficient, intelligent, and inclusive creation has arrived.

发布于：浙江省