近期,GPT-4o 展现出令人瞩目的新能力——它能够基于产品需求文档(PRD)直接生成 Figma 设计稿。这项功能目前主要针对移动端应用进行了深度优化,同时支持接入诸如 Ant Design Mobile 和 Arco Mobile 等高质量设计系统。

具体而言,GPT-4o 可将 PRD 解析为特定格式的数据,借助本地样式、自定义图标库以及文本内容进行填充,最终产出质量可观的设计稿。根据当前测试数据,桌面网页的精细度相比移动应用大约低 30%——考虑到开发团队当时的重点确实在移动端,这一差距完全在可接受范围内。相信只要将同样的逻辑与方法迁移至桌面端,生成相应的设计稿也不会存在太大困难。
值得关注的是,该技术目前已能够实现多个页面之间的交互链接,相关路径也已搭建完毕。所有生成的设计稿均采用自动布局,支持自适应拉伸,图层命名也实现了语义化清晰。这意味着,即便设计稿由 AI 生成,人工后期接手、修改与维护也不会带来过多困扰。
