Figma Variables · 8 种语言

像管理代码一样管理设计中的文案。

按语言翻译并审核与 Figma Variables 关联的字符串。批准的值直接流向 Figma 和你的代码。

每增加一种语言,就多一处需要维护的地方。

  • 翻译四处分散

    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. 1

    连接 Figma

    连接 Figma 文件后,会导入你正在使用的 Variables 和值。

  2. 2

    翻译并审核

    添加要管理的语言并翻译。对照原文后再确认。

  3. 3

    应用到 Figma 和代码

    将确认的值应用到 Figma,并以开发环境可用的格式导出。

比令牌本身更重要的,是令牌如何变化。

字符串不是登记一次就可以忘掉的值。原文变了,译文需要重新审视;确认的内容必须同时送达设计和代码。variable Jar 在留有记录的前提下连接这个过程 — 谁编辑了它、哪些语言通过了审核、它作用于哪些属性、最后应用到了哪里。

  • 内置的翻译工作流 — 而不是事后拼凑
  • 学习你的产品用语的术语表
  • 译者免费加入,并能看到完整上下文
  • 不仅同步值,还能往返同步作用域和描述
  • 绝不悄悄覆盖的同步 — 遇到冲突就停下,由你逐行选择

抢先体验

variable Jar 正与发布多语言产品的设计团队进行封闭测试。想加入吗? 加入候补名单

简单的价格

Free

$0

翻译、审核并同步到 Figma — 免费

Pro

$19 /席位/月

无限项目 + 每月 30,000 个 AI 翻译单元格 + 团队协作

团队规模更大? 联系我们

常见问题

可以导入哪些 Figma Variables?

字符串、颜色、数字和布尔值四种类型全部支持。别名(引用)和模式会原样带入,因此颜色、间距令牌可以和多语言文案一起在同一个项目中管理。

需要修改现有的 Variable 结构吗?

不需要。会原样导入你当前的结构和值。没有必须遵守的命名规则 — 名称中用 '/' 分隔的分组也会按原样读取。

必须使用 AI 翻译吗?

不必。你可以自己输入和编辑翻译。AI 翻译只负责起草一个起点 — 审核和确认始终由你决定。

原文变化时我怎么知道?

原文被编辑后,需要重新审视的语言会被标记。查看变化、修改译文,然后再次确认。

可以多人协作吗?

可以。邀请团队成员加入工作区,一起查看进行中的值、负责人和翻译状态。共有所有者、团队成员、编辑者和译者四种角色,译者席位免费。

在开发环境中如何使用?

将确认的值导出为 DTCG、JSON 或 CSV,或生成可直接粘贴的 CSS、SwiftUI 和 Jetpack Compose 代码。也可以通过只读 API 和 MCP 服务器直接拉取最新令牌。

可以直接应用到 Figma 吗?

可以。插件只有一个同步按钮:把文件中的变量发送到网页应用,并把网页应用中的修改应用回文件。如果两边改了同一个变量,你可以在网页表格中逐行决定保留哪一边。

重命名变量或移到其他集合后,会断开与 Figma 的连接吗?

不会。重命名会以重命名的方式到达 Figma,因此图层绑定得以保留。移到其他集合的变量,会在下次同步时重新连接文件中的图层;无法重新连接的会在该行标出。如果任一集合是已发布的库,移动会被拒绝而不会应用。指向它的别名会自动跟随新名称。

从你已经在用的 Figma Variables 开始。

在新建翻译文档之前,先把设计中的文案连接起来。翻译、审核以及应用到 Figma 和代码,都在一个流程中完成。

你的数据将在测试版发布通知发出后 6 个月内删除。 详情: 服务条款 · 隐私政策

variable Jar 是一款网页应用和 Figma 插件:在网页上翻译、审核 Figma Variables 中的文案,再同步回 Figma 并导出为代码。使用 Google 登录时,我们只接收创建账户所需的姓名、邮箱地址和头像。 隐私政策