Figma Buddy是什么
Figma生态里有大量AI插件,但大多数是单次生成图片或文本。Buddy是第一个真正的AI设计代理:它像实习生一样坐在你的Figma画布旁边,你告诉它要做什么,它直接在画布上创建、修改、排版,还能读取你现有的设计系统。
第一步:安装与授权
- 打开Figma,进入Community
- 搜索Buddy – AI Design Agent
- 点击安装插件
- 首次使用需要授权AI服务
安装完成后,在画布上右键或从插件菜单打开Buddy面板。
第二步:让Buddy读取设计系统
如果你的项目已经有设计系统(颜色变量、字体样式、组件库),先让Buddy了解:
请读取当前文件的设计系统,包括颜色变量、文本样式、组件库。后续生成的界面请严格使用这些规范。
这一步能确保AI生成的内容和你的品牌调性一致,避免后期大量返工。
第三步:自然语言生成界面
直接在Buddy输入框描述:
请为电商App设计一个商品详情页,包含:商品主图区、价格与促销信息、规格选择器、加入购物车按钮、用户评价摘要。风格参考Apple Store,简洁大气。
Buddy会在画布上生成多个布局方案,每个都是原生Figma图层,可直接编辑。
第四步:批量修改与迭代
生成初稿后,用对话方式迭代:
- 把价格字体放大,颜色改成品牌红
- 给评价区增加星级评分图标
- 把加入购物车按钮固定在底部
- 生成一个深色模式版本
传统方式每个改动都要手动调图层,用Buddy几句话就能完成,且保持设计系统一致性。
第五步:组件化与交付
设计稿确认后,让Buddy帮你整理:
- 把可复用元素转换为组件(按钮、卡片、输入框)
- 创建变体(不同状态、不同尺寸)
- 生成设计说明标注
- 导出切图资源
请把当前页面的按钮和卡片转换为可复用组件,并创建默认、悬停、禁用三种状态变体。
常见误区
- 完全交给AI不做审美判断——AI生成的是草稿,最终品质靠设计师把关
- 不先建立设计系统——没有规范,AI每次风格都会飘
- 忽视可访问性——要人工检查对比度、焦点状态、语义标签
效率数据
一个包含10个页面的App设计:传统方式约需5-7天,用Buddy辅助约2-3天。主要节省在初稿生成和批量修改阶段。设计师可以把更多时间用在用户研究、交互推敲和细节打磨上。