「Figma Make」超强AI编程工具来了！只需「设计图」秒出完整App产品

不二如是

最近Figma发布了类似Lovable的AI编程功能FigmaMake。

FigmaMake通过深度集成Figma设计文件，实现了从设计稿自动生成高质量前端代码的能力。

在线学习：



因为Figma拥有完整的设计稿数据，FigmaMake能够精确识别布局、组件、样式和交互，并将其转化为可执行代码。

目前FigmaMake处于内测阶段，面向企业用户提供EarlyAccess，同时支持Windows、macOS和Web多端使用。

FigmaMake支持导出React、Vue、Flutter等多种主流前端框架代码，并可生成响应式布局、设计Token和主题配置。

通过智能识别文字、颜色、阴影、圆角等样式属性，FigmaMake无需手动切图和标注，一键即可输出项目结构、组件树和接口对接Stub，极大提升开发效率和团队协作体验。

此外，该功能还支持版本回溯、实时预览和插件市场扩展，方便开发者根据团队规范自定义输出代码规则。

在定价方面，FigmaMake提供基础免费额度，支持每月一定量的设计稿转码试用，企业版按座席数和API调用量计费，并可与FigmaProfessional或Organization帐号打包折扣。

FigmaMake已开放预约申请，用户可通过Figma社区或官方文档获取接入指南与APIKey。

相比Lovable等第三方工具，FigmaMake因深度整合原生设计数据，拥有更高的准确率和UI一致性，避免了设计与开发间的上下文丢失，从而显著加快产品迭代速度。

评论区聊聊你的想法吧

如果有收获，别忘了评分 ：

                               
登录/注册后可看大图

不二如是

感谢分享 朕又在鱼C学到东西啦！非常满意

快速收敛

感谢分享 朕又在鱼C学到东西啦！非常满意

不二如是

快速收敛 发表于 2025-5-9 15:14
感谢分享 朕又在鱼C学到东西啦！非常满意