Figma 汉化不求人：4383 条人工校验词条，把英文界面换成中文只差一步

Figma 汉化不求人：4383 条人工校验词条，把英文界面换成中文只差一步

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

给 Figma 做汉化，真正的难点从来不是"翻译本身"，而是"什么时候不该翻译"。FigmaCN 就是这样一款中文 Figma 汉化插件：4383 条词条全部由设计师逐条人工校验，装上它、刷新一下页面，那些让你卡壳的英文菜单就变成了熟悉的中文。整个过程不用改代码，也不会碰坏你正在做的设计稿。

先认识一下：Figma 汉化插件 FigmaCN 是干什么的

一句话：它是给 Figma 界面"换语言"的浏览器插件，覆盖 Chrome、Edge、Firefox，同时还维护着油猴脚本版。它的翻译词库存放在src/js/translations.json，4383 条记录以"英文原文 → 中文译文"的键值对形式存在，小到一个按钮、大到一整个对话框，都有设计师手工校对过的中文说法。

注意这个数字：4383 不是机器翻译凑出来的数量，而是逐条人工校验的结果。这正是它和"随便翻翻"的汉化工具最本质的区别——术语用的是设计行业里真正通行的叫法，不是生硬的直译。

Figma 汉化插件怎么做到实时生效

Figma 是典型的单页应用：你打开面板、悬停工具提示、拖动图层，界面一直在动态变化，页面本身却从不刷新。如果汉化只做"进来时翻译一次"，下一秒弹出的菜单又会变回英文。

FigmaCN 的做法是派一个"哨兵"盯着页面——技术上叫 MutationObserver，专门监测 DOM 里的文本变化。新菜单一冒出来，翻译引擎立刻接住；新提示一出现，中文紧随其后。所以安装完只需刷新一次页面，之后的所有操作都是实时中文，不必反复手动刷新。这套引擎的核心逻辑在src/js/content.js里，值得翻一翻。

Figma 中文界面不误翻：三个最容易翻车的场景

翻译最怕的是"翻错地方"。FigmaCN 内置了三道保险，专门处理汉化最容易误伤的三类内容：

① 代码编辑器里的关键字你在代码面板里写的export、const，一旦被翻成"导出""常量"，代码直接报废。插件只在"看起来像代码编辑器"的区域跳过翻译——也就是可编辑、带 textbox 角色、类名含 code/monaco 等特征的节点。Figma 普通面板也会带translate="no"属性，所以不能一刀切，得结合上下文判断。

② 本地变量名称Variables 面板里你起的变量名是资产，不是界面文本。插件会识别变量名称节点并整体跳过，避免你的变量名被"中文化"。

③ 正在编辑的评论和批注你在评论框里打字打到一半，内容突然被替换成中文——那将是灾难。FigmaCN 会避开所有正在编辑的富文本区域。

一句话总结这套逻辑：翻译官要看场合——舞台上的台词要翻，后台化妆间别乱进。

翻译词条长什么样：4383 条数据背后的匹配逻辑

翻译不是查字典那么简单。Figma 的很多文案带动态内容，比如评论未读数、成员数量。词条里用{@}做通配符，配合{1}{2}这类编号占位符，还能调整语序——"Comment ({@} unread)" 可以翻译成"评论（{1} 条未读）"，数字永远待在正确的位置。

更讲究的是匹配顺序：精确匹配优先于模糊匹配，长词条优先于短词条，避免 "Edu" 抢在 "Education" 前面被替换；命中模式词条后还会再做一轮精确兜底。三层匹配层层递进，保证每一处替换都尽量不伤及无辜。打开src/js/translations.json，你甚至能直接看出哪些词条带通配符、哪些是纯文本。

Figma 汉化插件安装：三条路径任选一条

路径一：Chrome / Edge 手动加载

1. 地址栏输入chrome://extensions（Edge 为edge://extensions）并回车
2. 打开右上角"开发者模式"开关
3. 点击"加载已解压的扩展程序"，选择项目文件夹
4. 刷新 Figma 页面即可生效

路径二：Firefox 临时载入

1. 访问about:debugging页面
2. 点击"此 Firefox"→"临时载入附加组件"
3. 选择项目里的src/manifest.json

路径三：油猴脚本装好 Tampermonkey 之后，直接导入scripts/figmaCN.user.js即可。想自己动手研究源码，也可以把整个项目克隆到本地：

git clone https://gitcode.com/gh_mirrors/fi/figmaCN

浏览器扩展还是油猴脚本：FigmaCN 两种形态怎么选

FigmaCN 同时维护两个入口，选哪个取决于你的使用习惯，翻译效果完全一致：

两个版本共用同一份src/js/translations.json词库，无论怎么选，都不会有翻译质量上的落差。

装完 Figma 汉化插件后，记住这四件小事

1. 生效要刷新：安装后刷新一次 Figma 页面，中文才会铺满界面
2. 词库可以翻：所有词条都在src/js/translations.json，想调整某个译法直接改文件
3. 遇到漏翻别慌：Figma 刚更新界面时，新增文案可能还没进词库，反馈给项目即可
4. 版本要跟进：仓库每次推送版本标签都会自动构建发布包，想更新翻译就重新加载一次扩展

给你的避坑清单：写给新手的五句话

• 安装完一定先刷新 Figma 页面，别误以为没生效
• 变量名称没被翻译是故意的，别当 bug 反馈
• 代码编辑器里的英文保持原样，这正是它在保护你
• 遇到漏翻词条，先去src/js/translations.json核对是否已收录
• 换了浏览器重新安装时，记得选对对应的安装方式

最后说一句掏心窝的话：汉化工具的价值不在"翻得多"，而在"翻得准、不添乱"。FigmaCN 用 4383 条人工词条加三道防误翻保险，把"看得懂"和"不坏事"两件事都做到了。装上它，把纠结英文的时间省下来，留给真正重要的设计本身。

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