三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

别再对着英文界面猜了:FigmaCN汉化插件,3步让Figma变成全中文

别再对着英文界面猜了:FigmaCN汉化插件,3步让Figma变成全中文

别再对着英文界面猜了:FigmaCN汉化插件,3步让Figma变成全中文

【免费下载链接】figmaCN中文 Figma 插件,设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN

作为中文设计师,你大概率经历过这样的场景:打开 Figma,光标悬停在某个英文菜单上,纠结它到底是干什么的,旁边同事已经咔咔改完了三稿。与其继续对着界面猜,不如让 FigmaCN 汉化插件帮你把整个界面换成中文——4383 条经过设计师人工校验的翻译词条,一次安装,全程中文,从此告别"边画图边查词典"的日子。

翻译得像"人话":4383 条词条背后是人工校验,不是机器硬翻

市面上并不缺翻译工具,缺的是"翻译得像人话"的。机器翻译会把同一个词在所有场景下都翻成一个意思,而 FigmaCN 的词库是设计师团队逐条人工校验过的,同一个英文词在不同语境下给出不同译法:

  • Component→ 组件,Instance→ 组件实例(主次关系一目了然)
  • Auto Layout→ 自动布局,Corner radius→ 圆角半径
  • Design System→ 设计系统,Boolean→ 布尔值

这意味着什么?你看到的不再是"机翻腔",而是国内设计圈真实在用的术语,新手不用猜,老手不别扭。

更妙的是词库里还有 54 条通配符模式,能处理"带数字的整句"。中英文语序不同,硬翻会乱,所以它支持编号占位符重新排列语序:英文的· {@} members会被翻成通顺的· {1} 位成员。整句都通顺,而不是逐词堆砌,这才是"汉化"而不是"翻译"。

真正厉害的是它"知道哪里不能翻"

用过翻译插件的人都有过翻车时刻:把你代码里的exportconst也翻译了,把你自己起的变量名改得面目全非,甚至把你正在打的字替换掉。FigmaCN 把这件事当成了核心问题来解决,内置三重"不误伤"保护:

  1. 代码编辑器里的内容不翻exportfunction这类代码关键字保持原样,不会污染你的开发视图。
  2. 本地变量名称不翻:你在 Figma 里命名的变量,插件认得出来,绝不擅动。
  3. 你正在编辑的富文本不翻:评论、标注这些输入框里的文字,你打什么就是什么,不会被强行替换。

一句话总结:它只翻译界面上"Figma 自己说的话",绝不碰"你说的内容"。翻译全程发生在显示层,不修改你的设计文件数据,卸载即还原,毫无心理负担。

一套词库,四种装法,挑你顺手的

这大概是它最省心的地方:同一个项目,同时提供了四种使用方式,覆盖几乎所有主流浏览器,不需要你为了汉化去换浏览器。

  • Chrome 用户:商店里搜 FigmaCN,一键添加,刷新页面即生效。
  • Edge 用户:Edge 外接程序商店同样一键安装。
  • Firefox 用户:附加组件社区直接添加。
  • 油猴党专属:不用装扩展,在 Tampermonkey 里导入项目中的油猴脚本版本,它会跟随项目主分支自动更新,永远用上最新词库,连手动升级都省了。

三步装好:以 Chrome 手动安装为例

如果你想要最新版本,或者偏爱离线安装,手动装也只要三步:

  1. 克隆项目到本地:git clone https://gitcode.com/gh_mirrors/fi/figmaCN
  2. 在浏览器地址栏输入chrome://extensions回车,打开右上角"开发者模式"开关(Edge 对应edge://extensions
  3. 点击"加载已解压的扩展程序",选择刚才克隆的 figmaCN 文件夹,然后刷新 figma.com 页面

Firefox 手动安装则走about:debugging→ "临时载入附加组件",选择项目里的manifest.json即可。每一步的细节都写在项目内 README.md 里,照着做不会卡壳。

装完再调校这三点,体验更顺

  • 装完没反应?先用Ctrl+Shift+R强制刷新一次页面,再确认扩展管理页里它处于"已启用"状态,两步解决九成问题。
  • 个别角落还是英文?多半是 Figma 更新了界面元素,词库还没来得及覆盖。不影响使用,核心功能早已翻译到位,等词库更新即可。
  • 担心隐私?扩展版的设计是词库本地加载、文本本地替换,翻译过程不向任何服务器上传你的设计内容,可以放心用。

想深入研究它的实现,词库在 src/js/translations.json,实时翻译引擎在 src/js/content.js,油猴入口在 scripts/figmaCN.user.js,都是开源的,随便看。

现在,轮到你了

回到开头的场景:下次再有人对着英文菜单发愁,你可以直接告诉他——装 FigmaCN,刷新,完事。三步:安装 → 刷新 → 开始全中文设计。从此打开 Figma 不再是"猜谜游戏",而是专心画图本身。5 分钟后,你会奇怪自己为什么没早点装上它。

【免费下载链接】figmaCN中文 Figma 插件,设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

← 返回列表