☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
上传reference image是解决figma中ai插画偏离品牌调性的关键方法,包括:一、通过galileo ai等插件直接上传参考图并输入描述生成;二、用codesign上传大屏参考图并设为团队可调用资产;三、手动构建页面级reference board组件嵌入提示词。
如果您希望在 figma 中利用 ai 工具生成符合公司品牌调性的插画,但当前输出风格偏离视觉规范,则很可能是 ai 模型缺乏对品牌色彩、构图偏好或图形语言的明确引导。上传高质量的 reference image(参考图)是关键干预手段。以下是实现该目标的具体操作路径:
一、通过 Figma 插件调用支持 Reference Image 的 AI 工具
部分 Figma 插件(如 Galileo AI、Kittl 或自定义集成插件)允许用户上传一张或多张参考图,作为 AI 生成插画时的风格锚点。该方式直接在设计上下文中完成风格对齐,无需切换平台。
1、打开 Figma 文件,确保已安装兼容的 AI 插件(例如 Galileo AI)。
2、在画布空白处右键,选择「Plugins」→「Galileo AI」→「Generate with reference」。
3、在弹出窗口中点击「Upload reference image」,从本地选取一张体现公司调性的插画或 UI 截图(建议为 PNG 或 JPG,分辨率不低于 1024×768)。
4、在提示框中输入文字描述,例如:“生成一张科技感蓝色主色、圆角矩形图标风格、扁平化线条的插画,主题为数据同步”。
5、点击「Generate」,AI 将基于参考图的配色、笔触和构图逻辑生成多组候选插画。
二、使用 CoDesign 插件上传大屏参考图并关联至 AI 生成流程
CoDesign 平台支持将参考图作为设计资产归档,并在后续 AI 辅助环节中被调用。该方法适用于已建立企业级设计规范库的团队,可确保所有成员调用统一基准。
1、在 Figma 中选中一张已校准的品牌插画图层或画板。
2、右键 →「Plugins」→「CoDesign」→「上传设计稿」→ 选择「参考图」类型。
3、填写资产标签,例如:“品牌插画_主色#2563EB_圆角线性风格”,并勾选「设为团队参考图」。
4、上传成功后,在 CoDesign Web 端进入「素材库」→「参考图」分类,确认该图已标记为「可被 AI 调用」状态。
5、返回 Figma,启动支持 CoDesign 联动的 AI 插件,在生成界面下拉选择「从团队参考图中选取风格依据」,找到刚上传的条目并启用。
三、手动构建 Figma 页面级 Reference Board 并嵌入生成提示
当插件不支持图像上传时,可将参考图以结构化方式置于 Figma 页面内,形成视觉提示板。AI 工具(如通过 Figma API 接入的内部模型)可通过解析页面元数据读取该参考板内容,从而约束输出风格。
1、新建一个名为「Reference Board」的页面,置于当前文件末尾。
2、在该页面顶部添加文本标题:“AI插画生成-品牌视觉锚点”。
3、依次插入 3 类元素:一张主品牌插画(PNG)、一套标准色卡(命名色值如 “Brand Blue: #2563EB”)、一段字体与线条规范说明(例如 “主图标采用 2px 圆角描边,无阴影”)。
4、全选上述图层,右键 →「Create component」,命名为「AI_Style_Reference_v1」。
5、在需生成插画的主页面中,插入该组件实例,并在 AI 提示词末尾追加:“严格遵循Reference Board页面中定义的色彩、线条与比例规范”。











