Workflow
设计师的 ChatGPT 时刻:Figma 这次把“设计即代码”玩成现实
歸藏的AI工具箱·2025-05-08 16:55

AI编程产品分类 - AI编程产品分为两类:一类是Cursor和Windsurf等AI IDE,具备完整IDE功能并附加AI补全、chat、Agents能力,即使不用AI也能正常开发[1][2] - 另一类是V0和Lovable等Vibe Coding产品,主要依赖与AI编码Agents对话生成代码,用户覆盖范围更广但存在语言描述需求不精准、术语理解有限等问题[3][5] - Vibe Coding产品当前多模态能力不足,如Gemini 2.5 Pro仍难以从设计稿精准还原颜色、描边等细节[5] Figma Make产品特性 - Figma基于设计生态推出Vibe Coding产品Figma Make,支持左右分栏交互界面,左侧采用Claude 3.7模型处理图片/Figma画板/文字输入,右侧实时预览和修改[7][8] - 核心能力包括直接导入Figma设计稿生成网页,自动传递布局/变量/组件语义,完美还原设计稿中的插画和图片素材,显著提升生成网页表现力[10] - 提供设计稿编辑工具精准迭代,支持点击修改元素样式或通过AI指令局部调整,避免全局重写造成的Token浪费和错误扩散[11][12] Figma战略布局 - 公司同步推出可视化低代码工具Figma Site,结合Make的AI能力实现设计稿到网站的快速发布,并支持复杂逻辑功能补充[18] - 产品战略聚焦设计生态优势,明确"Design as Prompt"方向,相比Adobe更清晰界定技术边界[19] - 未来可能开放API和私有大模型接入,强化企业级定制能力,推动设计师角色向Prompt Engineer转型,前端工程师转向架构整合[19]