告别英文菜单：Figma 汉化工具 FigmaCN 三种安装方式全攻略-开发者社区

告别英文菜单：Figma 汉化工具 FigmaCN 三种安装方式全攻略

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

深夜十一点，我盯着 Figma 属性面板反复找 Auto Layout，同一个词查了三次，界面依旧是英文。你是不是也这样——单词都认识，却总要在心里翻译一遍才敢点？FigmaCN 就是为这种时刻准备的：一款把 Figma 网页版界面实时替换为中文的汉化插件，四千多条人工校验词条，刷新一次，菜单和面板基本都变成中文。

一张对比表看清：原生英文、机翻与 FigmaCN 的差异 🧭

先别急着装，把三种"汉化方案"摆在一起看：

对比维度	原生英文界面	普通机翻	FigmaCN
词条来源	无	机器直译	设计师团队人工逐条校验
术语叫法	无	生硬直译	贴合中文设计行业习惯
替换方式	无	页面加载时替换一次	MutationObserver 实时监听
对 Figma 的影响	无	可能误伤代码	只换界面文字，不动数据逻辑

机翻的致命伤是"一次性"：Figma 是典型单页应用，菜单面板动态渲染，加载时替换一次根本跟不上。FigmaCN 的三点差异正好补齐——人工校验让叫法地道（"Auto Layout"是"自动布局"，而不是"汽车布局"）、实时替换跟得上动态渲染、非侵入式设计不改变任何数据与功能。四千多条词条覆盖菜单、工具栏、属性面板与各类弹窗，翻译在页面加载后很快完成，日常操作几乎感觉不到它的存在。

原理讲人话：一位驻场翻译员 🎙️

为什么 FigmaCN 不用刷新也能实时翻译？把它想成一位驻场翻译员：Figma 里任何新文本出现，翻译员立刻听到、查词表、说中文。这套"监听"靠浏览器提供的 MutationObserver 接口实现；词条存在src/js/translations.json，按"精确匹配 → 通配模式 → 兜底精确"的顺序查找，还支持{@}通配符，所以"5 members"这类带数字的动态短语也能译成"5 位成员"。

更难的是它知道什么不该翻译：代码编辑器里的关键字、评论框里正在输入的内容、本地变量名都会被主动跳过。你不会看到代码里的export变成中文，正在打的字也不会被突然"翻译"走——这是刻意设计，不是 bug。

先判断再动手：三种安装方式怎么选 🧭

不急着抄步骤，先回答一个问题：你属于哪种情况？

你属于哪类用户	推荐渠道
想一键安装、图省事	商店版
要最新版、离线或内网环境	手动加载
不想装扩展、习惯脚本管理	油猴脚本版

商店版：Chrome、Edge、Firefox 商店均有上架，搜索安装、刷新 Figma 页面即生效，后续自动更新，适合想省事的大多数用户。

油猴脚本版：浏览器装好 Tampermonkey 后导入scripts/figmaCN.user.js即可，它会远程拉取最新代码与词条，自动跟随仓库 master 分支，免去手动更新。

三种渠道的取舍一次看清：

安装渠道	适合谁	更新方式
Chrome / Edge / Firefox 商店版	想一键安装的大多数用户	商店自动更新
手动加载（解压包或 git clone）	需要最新版、离线或内网	手动更新
油猴脚本版	不想装扩展、习惯脚本管理	自动跟随 master 分支

手动加载扩展的 3 个关键步骤 🚀

适合要最新版、离线或内网环境的你，全程约三分钟：

获取插件包：把压缩包解压到本地文件夹，或执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN克隆仓库，源码都在src/目录下
打开扩展管理页：进入chrome://extensions（Edge 是edge://extensions），开启右上角"开发者模式"
加载并刷新：点击"加载已解压的扩展程序"，选中包含manifest.json的src/文件夹，然后刷新 Figma 页面

编辑词条统一团队术语：自定义翻译进阶玩法 🛠️

如果你所在行业有专属叫法——比如团队习惯把"画布"叫"画板"——直接编辑src/js/translations.json，按["英文", "中文"]的格式追加一行，例如["canvas", "画板"]，重新加载扩展即生效。一个小团队靠这一份文件就能统一全部成员的术语口径，比在群里反复纠正高效得多——我去年帮团队搭组件库时，就是这么把十几个人的叫法对齐的。