每增加一种语言,就多一处需要维护的地方。
-
翻译四处分散
Figma、电子表格、聊天记录。找一个字符串要翻遍三个地方。
-
分不清哪个是最新的
原文和译文在不同时间被编辑。设计中的文案与翻译文档中的文案悄悄地越来越不一致。
-
一处修改变成五项任务
改一行原文,就要检查每种语言、逐个界面应用,再重新交给开发者。
设计与翻译,从同一份数据开始。
- 01
原样导入
无需新建翻译文档。现有的 Variable 结构、值和元数据(包括作用域和描述)都会原样导入。
- 02
按语言并排对照
在同一屏幕上对照原文与译文,并添加所需的语言。
- 03
状态清晰可见
谁改了哪个值、每条翻译处于哪个阶段 — 全部留有记录。
- 04
只导出你批准的内容
只有审核过的字符串会回到 Figma,并以开发者需要的格式导出。
- 05
导出为代码
直接在网页上生成可粘贴的 CSS、SwiftUI 和 Jetpack Compose — 还有 DTCG、JSON、CSV、只读 API,以及面向 AI 工具的 MCP 服务器。令牌属于你,不会被锁定。
- 06
一套令牌,多个项目
把设计系统放在库项目中。发布一次修改,每个产品项目都会在更新收件箱中审核,只应用需要的部分。
- 07
每位译者,各自负责的语言
创建翻译表时加入译者,并为每人选择可编辑的语言。其他语言可作为参考查看,但处于锁定状态。译者始终免费。
实时协作
此刻谁在编辑哪个字符串,一目了然
显示正在编辑的值以及负责人。减少重复编辑,也减少返工。
- 共享光标与光标聊天 — 就在工作的地方交流
- 基于角色的访问 — 设计师、编辑者和译者各自看到合适的范围
- 任何单元格都可发起评论讨论 — 就地解决
查看令牌结构
追踪一个值能影响多远
查看被引用的 Variables 及其连接。修改之前,先看清哪些字符串和界面会随之改变。
- 原始值 → 语义令牌的引用,以可视化方式排布
- 点击令牌即可看到「修改此项会影响 N 个」— 影响透镜让你在修改前就知道影响范围
- 令牌地图 — 以聚类展示整个项目,可按搜索、类型或标签筛选
- 按「作用域」或「不在 Figma 中」着色,标签颜色以圆点显示在每个令牌旁 — 令牌状态一目了然
AI 起草,你来批准
翻译、检查、确认
AI 起草翻译,人工对照原文并润色。只有经过审核的字符串才会被确认。
- 可接受、编辑或拒绝的 AI 初稿
- 记住你的修改、下次自动沿用的术语表
- 任何内容进入文件之前,先审核并批准
为开发交付而生
设计与代码使用同一份文案
将批准的值导出为 DTCG、JSON 或 CSV,或生成 CSS、SwiftUI 和 Jetpack Compose。设计与开发不再使用不同的翻译。
- CSS、SwiftUI 和 Jetpack Compose — 输出确定,可直接粘贴
- 通过只读 API 从 CI 流水线拉取最新令牌
- MCP 服务器,让 AI 编程工具以代码形式获取令牌
改变结构,保留连接
重命名、移动变量 — 连接依然保留
重命名变量、分组或集合后,整个项目中指向它的别名都会随之更新。整理令牌不再破坏引用或与 Figma 的连接。
- 重命名 — 无论变量、分组还是集合,指向它的别名都会自动跟随
- 移至其他集合 — 对于未发布的集合,下次同步时文件中的 Figma 图层会重新连接到移动后的变量
- 删除被引用的变量 — 与 Figma 一样,引用方保留最后的值,且可以撤销 · 循环引用会被提前阻止
三步就够了。
- 1
连接 Figma
连接 Figma 文件后,会导入你正在使用的 Variables 和值。
- 2
翻译并审核
添加要管理的语言并翻译。对照原文后再确认。
- 3
应用到 Figma 和代码
将确认的值应用到 Figma,并以开发环境可用的格式导出。
比令牌本身更重要的,是令牌如何变化。
字符串不是登记一次就可以忘掉的值。原文变了,译文需要重新审视;确认的内容必须同时送达设计和代码。variable Jar 在留有记录的前提下连接这个过程 — 谁编辑了它、哪些语言通过了审核、它作用于哪些属性、最后应用到了哪里。
- 内置的翻译工作流 — 而不是事后拼凑
- 学习你的产品用语的术语表
- 译者免费加入,并能看到完整上下文
- 不仅同步值,还能往返同步作用域和描述
- 绝不悄悄覆盖的同步 — 遇到冲突就停下,由你逐行选择
常见问题
可以导入哪些 Figma Variables?
字符串、颜色、数字和布尔值四种类型全部支持。别名(引用)和模式会原样带入,因此颜色、间距令牌可以和多语言文案一起在同一个项目中管理。
需要修改现有的 Variable 结构吗?
不需要。会原样导入你当前的结构和值。没有必须遵守的命名规则 — 名称中用 '/' 分隔的分组也会按原样读取。
必须使用 AI 翻译吗?
不必。你可以自己输入和编辑翻译。AI 翻译只负责起草一个起点 — 审核和确认始终由你决定。
原文变化时我怎么知道?
原文被编辑后,需要重新审视的语言会被标记。查看变化、修改译文,然后再次确认。
可以多人协作吗?
可以。邀请团队成员加入工作区,一起查看进行中的值、负责人和翻译状态。共有所有者、团队成员、编辑者和译者四种角色,译者席位免费。
在开发环境中如何使用?
将确认的值导出为 DTCG、JSON 或 CSV,或生成可直接粘贴的 CSS、SwiftUI 和 Jetpack Compose 代码。也可以通过只读 API 和 MCP 服务器直接拉取最新令牌。
可以直接应用到 Figma 吗?
可以。插件只有一个同步按钮:把文件中的变量发送到网页应用,并把网页应用中的修改应用回文件。如果两边改了同一个变量,你可以在网页表格中逐行决定保留哪一边。
重命名变量或移到其他集合后,会断开与 Figma 的连接吗?
不会。重命名会以重命名的方式到达 Figma,因此图层绑定得以保留。移到其他集合的变量,会在下次同步时重新连接文件中的图层;无法重新连接的会在该行标出。如果任一集合是已发布的库,移动会被拒绝而不会应用。指向它的别名会自动跟随新名称。
从你已经在用的 Figma Variables 开始。
在新建翻译文档之前,先把设计中的文案连接起来。翻译、审核以及应用到 Figma 和代码,都在一个流程中完成。
variable Jar 是一款网页应用和 Figma 插件:在网页上翻译、审核 Figma Variables 中的文案,再同步回 Figma 并导出为代码。使用 Google 登录时,我们只接收创建账户所需的姓名、邮箱地址和头像。 隐私政策