figo 家族 —— figo core 核心库 MIT 开源; figo2unity 是其 Unity 商业转换插件 · figo2cocos / figo2godot 即将推出
figo 标记

在 Unity 编辑器里把 Figma
设计稿变成 UGUI 预制体

Figo Prefab Importer 把 Figma 设计稿(.fig,或 figo 的 canvas.json) 转换成可直接使用的 UGUI 预制体:.prefab + 去重贴图 + 字体。 不用照稿重拼 UI,纯本地转换不联网,输出确定、diff 干净。 基于开源的 figo core 渲染管线构建,属付费 Unity 编辑器扩展。

design.fig Figo Prefab Importer .prefab + 贴图 + .meta
Workflow

四步完成,全程在编辑器内

转换由内置的本地命令行转换器完成——一切都在你的机器上进行,不上传任何内容。

转换你的第一份设计

  • 1 — 打开 Tools → Figo Prefab Importer…
  • 2 — 选择设计文件:Figma 里 File → Save local copy… 存出的 .fig、figo 的 canvas.json,或 Figma REST JSON。内置示例 starfall_menu.canvas.json 可直接试。
  • 3 — 选择 Assets/ 下的输出目录,点 Convert
  • 4 — 把生成的预制体拖进 Canvas。完成。

也可以从 Project 视图直接转

  • 右键 .fig / .json 资源 → Figo → Convert to UGUI Prefabs
  • 同一份设计重复转换产出稳定 GUID、干净 diff——放心在版本管理下迭代
  • 色彩空间按 Player Settings 自动检测:Gamma 输出与设计稿逐像素一致;Linear 模式对半透明混合做预补偿
What you get

忠实还原、工程级的产物

每帧一个预制体
.prefab

设计里每个顶层 frame 生成一个自包含预制体:GameObject → RectTransform / CanvasRenderer / UI.Image / UI.Text。

智能贴图烘焙
textures/

纯色矩形变成无贴图的染色 UI.Image(零贴图);渐变、矢量、图片、描边和特效逐像素烘焙成去重 PNG 精灵。

响应式锚点
RectTransform

设计稿里的约束映射为 RectTransform 锚点,转换后的 UI 按设计师的意图自适应缩放。

嵌套组件预制体
components/

自动识别重复 UI(卡片、行、按钮),生成嵌套预制体并保留逐实例覆盖(Unity 2022.2+)。

Options

导入选项

字体目录
.ttf / .otf

指向设计所用字体文件的目录——自动打包为字体资源,并按 family / 字重 / 斜体逐文本匹配。

帧过滤
frame name

只转换指定名称的顶层 frame,而不是整份文档。

贴图倍率
@2x

烘焙贴图的超采样倍率——高 DPI 目标上依旧清晰。

色彩空间
Gamma / Linear / Auto

Gamma 输出与设计稿逐像素一致;Linear 模式对 alpha 预补偿,辉光和半透明面板保持 sRGB 观感;Auto 读取工程设置。

Work samples

figo 渲染管线的真实产出

插件内置的转换器与 figo 共享同一套渲染管线——设计稿里看到什么,引擎里就得到什么。 以下都是这条管线渲染出的真实画面——是正在运行的程序,不是设计稿。

Requirements

环境要求与说明

支持环境

  • Unity 2022.3 及以上,Windows 或 macOS 编辑器
  • 需要 com.unity.ugui(任何 UI 工程都有)
  • 转换由内置本地转换器完成——不联网

支持的设计特性

  • 纯色 / 渐变 / 图片填充,描边,逐角圆角
  • 蒙版、混合模式、阴影 / 模糊
  • auto-layout 与约束、带覆盖的组件实例
  • 多行富文本
Contact

联系我们

商务合作、技术支持、问题反馈,欢迎直接联系:

邮箱:boruis@gmail.com
问题与需求:GitHub Issues
社区交流:Discord 服务器