不二如是 发表于 2025-5-9 11:00:00

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



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

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

在线学习:

https://www.bilibili.com/video/BV1G35TzFEmU

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

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

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

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

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

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

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

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

评论区聊聊你的想法吧{:10_330:}

如果有收获,别忘了评分{:10_281:} :

https://xxx.ilovefishc.com/forum/202011/20/092334ggd6inlzfisfrdir.png.thumb.jpg

不二如是 发表于 2025-5-9 11:40:37

感谢分享 朕又在鱼C学到东西啦!非常满意{:10_275:}

快速收敛 发表于 2025-5-9 15:14:37

感谢分享 朕又在鱼C学到东西啦!非常满意{:10_275:}

不二如是 发表于 2025-5-9 15:51:31

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

{:10_288:}{:10_288:}{:10_288:}

不二如是 发表于 2025-6-9 09:48:02

感谢分享 朕又在鱼C学到东西啦!非常满意{:10_275:}
页: [1]
查看完整版本: 「Figma Make」超强AI编程工具来了!只需「设计图」秒出完整App产品