Figma Buddy是什么

Figma生态里有大量AI插件,但大多数是单次生成图片或文本。Buddy是第一个真正的AI设计代理:它像实习生一样坐在你的Figma画布旁边,你告诉它要做什么,它直接在画布上创建、修改、排版,还能读取你现有的设计系统。

第一步:安装与授权

  1. 打开Figma,进入Community
  2. 搜索Buddy – AI Design Agent
  3. 点击安装插件
  4. 首次使用需要授权AI服务

安装完成后,在画布上右键或从插件菜单打开Buddy面板。

第二步:让Buddy读取设计系统

如果你的项目已经有设计系统(颜色变量、字体样式、组件库),先让Buddy了解:

请读取当前文件的设计系统,包括颜色变量、文本样式、组件库。后续生成的界面请严格使用这些规范。

这一步能确保AI生成的内容和你的品牌调性一致,避免后期大量返工。

第三步:自然语言生成界面

直接在Buddy输入框描述:

请为电商App设计一个商品详情页,包含:商品主图区、价格与促销信息、规格选择器、加入购物车按钮、用户评价摘要。风格参考Apple Store,简洁大气。

Buddy会在画布上生成多个布局方案,每个都是原生Figma图层,可直接编辑。

第四步:批量修改与迭代

生成初稿后,用对话方式迭代:

  • 把价格字体放大,颜色改成品牌红
  • 给评价区增加星级评分图标
  • 把加入购物车按钮固定在底部
  • 生成一个深色模式版本

传统方式每个改动都要手动调图层,用Buddy几句话就能完成,且保持设计系统一致性。

第五步:组件化与交付

设计稿确认后,让Buddy帮你整理:

  1. 把可复用元素转换为组件(按钮、卡片、输入框)
  2. 创建变体(不同状态、不同尺寸)
  3. 生成设计说明标注
  4. 导出切图资源

请把当前页面的按钮和卡片转换为可复用组件,并创建默认、悬停、禁用三种状态变体。

常见误区

  • 完全交给AI不做审美判断——AI生成的是草稿,最终品质靠设计师把关
  • 不先建立设计系统——没有规范,AI每次风格都会飘
  • 忽视可访问性——要人工检查对比度、焦点状态、语义标签

效率数据

一个包含10个页面的App设计:传统方式约需5-7天,用Buddy辅助约2-3天。主要节省在初稿生成和批量修改阶段。设计师可以把更多时间用在用户研究、交互推敲和细节打磨上。