Figma Converter for Unity
这是一款可将 Figma 布局自动转换为 Unity Canvas 的资源。支持 UGUI、Nova UI 和 UI Toolkit,可一键传输你的布局。
常见问题
在选择最适合你的 Unity 工作流方案之前,先看看这些常用答案。
什么是 Figma Converter for Unity?
它是一款强大的工具,可将 UI 从 Figma 转换到 Unity。该资源支持 UGUI、UI Toolkit、Nova UI 等多种导入平台,并可与 Procedural UI Image、UniText 等资源集成,从而形成适用于大多数开发者的灵活导入流程。该资源自 2021 年起提供,已获得大量好评。
如果我在使用该资源时遇到问题,获得支持需要多久?
通常不会太久。支持响应速度尽可能快,这一点也得到了 Asset Store 好评的印证。
导入后我还需要对布局做很多调整吗?
大多数情况下不需要进行大量调整。不过在少数情况下可能需要做一些小改动,例如在导入前先在 Figma 中而不是在 Unity 中关闭父组件的 Clip Content 选项。设计师文档中的 Layout Rules 章节对此有说明。
支持导入 prototype 吗?
该功能已在项目路线图中规划,但目前尚未提供。不过,你已经可以将 Figma 按钮导入为标准 UI.Button 组件,或通过使用 "btn" 标签导入为动画 DA Button 组件(详见设计师文档)。
Auto Layout / 响应式布局的还原效果如何?
从 7.0 版本开始,该资源已经可以稳定导入极其复杂的 auto layout 配置。
为什么 Unity 中的文字看起来不如 Figma?
不建议使用已废弃的 UI.Text 组件进行导入,因为在缩放时它可能会显得模糊。推荐使用 UniText 集成,它能最准确地还原 Figma 文本及其样式/效果。如果你不使用 UniText,也可以使用 TextMeshPro,但它并不支持所有 Figma 样式和效果。
Figma 中的字体会自动导入吗?
会,但不是全部。如果你在资源设置中提供 Google Fonts API key,系统会自动下载布局中使用且存在于 Google Fonts 仓库中的字体。如果布局中检测到日文或中文等字符集,且字体支持这些子集,也会自动下载对应子集。若字体不在 Google Fonts 中,则需要手动下载并在资源设置中完成序列化。
它支持 UI Toolkit 还是只有 UGUI?
UI Toolkit 通过附加资源 Figma to UITK Converter 提供支持,该扩展安装在 Figma Converter for Unity 之上。
支持 SVG 图片导入吗?
支持!你需要安装 com.unity.vectorgraphics 包才能使用该功能。
该资源有任何必需的第三方依赖吗?
没有需要单独安装的强制外部依赖。从 7.0 版本开始,它使用 Unity 内置的 Json.NET,这是其运行所需的。Asset Store “Dependencies” 标签中列出的其他依赖均为可选。
支持 9-slice 吗?
支持!该资源可以自动检测哪些精灵应该以最小尺寸转换为 9-slice。你也可以直接在 Figma 中使用免费插件手动定义 9-slice 边界。
支持导入带有 “Background Blur” 效果的组件吗?
目前不支持。你可以在导入后使用 Flexible Blur 或 Translucent Image 等资源来重建类似组件。