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 手动加载

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

路径二：Firefox 临时载入

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

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

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

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

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

对比项	浏览器扩展版	油猴脚本版
安装方式	开发者模式手动加载	油猴管理器一键导入
更新方式	重新加载扩展	自动拉取仓库最新代码
适合人群	不想依赖脚本管理器	喜欢脚本统一管理、想要自动更新

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