FigmaCN 中文插件安装教程：3 分钟完成 Figma 界面汉化
【免费下载链接】figmaCN中文 Figma 插件，设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN
第一次打开 Figma 做设计时，很多设计师会停下来数一数界面上有多少个不认识的词：顶部的 File、Edit，左侧的 Layers，右边的 Prototype。语言隔阂会实实在在地拖慢操作节奏。FigmaCN 就是一个 Figma 中文插件，专门做界面汉化：安装后刷新页面，菜单栏、图层面板、属性栏就会显示成中文。目前版本为 1.8.0，词库收录 4383 条经设计师人工校验的术语。
汉化背后的三个机制
- 监听页面变化。插件基于 MutationObserver 监听页面上新增和变化的节点，菜单弹出、面板展开这些动作发生后，新出现的英文文本会被立即匹配替换，不需要手动触发刷新。
- 人工校验的词库。4383 条术语按"英文原文 → 中文译文"成对存储在 translations.json 中，由设计师逐条校验过，保证 Component 这类词翻译成行业通用的"组件"，而不是机器直译。
- 跳过规则防止误翻。代码编辑器、变量名称区域、正在编辑的文本框会被明确跳过。你写的代码关键字、正在输入的评论不会被动到。
快速上手：从浏览器商店安装
Chrome、Edge 等 Chromium 内核浏览器用户推荐走商店，整个过程 5 步以内：
- 打开 Chrome 网上应用店或 Edge 扩展商店，搜索 FigmaCN。
- 在结果中找到 FigmaCN 条目并进入。
- 点击"添加至 Chrome"（Edge 为"获取"）。
- 安装时若弹出新标签页，那是插件的官网页，关掉即可。
- 打开或刷新 figma.com 页面。
装完先验证是否生效：看顶部菜单 File 是否变成"文件"，左侧 Layers 是否变成"图层"，右侧 Properties 是否变成"属性"。三处都变中文，说明汉化已经工作。
不方便走商店的备选方式：Firefox 商店版在 Firefox 附加组件社区搜索安装；油猴脚本版装好 Tampermonkey 后添加脚本即可；手动安装则下载扩展包解压后，在扩展管理页开启开发者模式，点"加载已解压的扩展程序"并选择解压目录（Edge 的入口在左下角"开发人员模式"）。也可以从仓库获取源码自行加载：git clone https://gitcode.com/gh_mirrors/fi/figmaCN
安装后界面上能看到的变化
| 英文原文 | 中文译文 |
|---|---|
| File / Edit / View | 文件 / 编辑 / 查看 |
| Layers | 图层 |
| Prototype | 原型 |
| Properties | 属性 |
| Export | 导出 |
| Close | 关闭 |
| Main menu · 2 members | 主菜单 · 2 位成员 |
最后一条是带变量的完整句子，译文会保留数字本身。
值得留意的三个细节
- 词库规模与校验方式：4383 条术语，全部由设计师人工校验，覆盖菜单、面板、对话框等高频界面文本。
- 哪些地方不会被翻译：代码编辑器、变量名称输入区、用户正在编辑的可编辑区域属于刻意跳过的范围。看到变量名保持英文，是正确行为。
- 资源占用：翻译在浏览器本地完成，不调用外部翻译接口。词库文件约 244KB，加载进内存后占用很小，对页面性能没有可感知的影响。
常见问题
装完没有任何反应？
确认访问的是 figma.com 域名（含任意子域名），插件只在这些域名上运行。装完必须刷新一次 Figma 页面。若仍无效果，到扩展管理页检查 FigmaCN 是否处于启用状态。
为什么部分界面还是英文？
词库只覆盖已收录的词条，未命中的地方保持英文原文。另外变量名、代码区域是刻意不翻译的，属于设计行为。
如何切回英文界面？
在扩展管理页禁用 FigmaCN 后刷新页面即可，插件是纯界面层替换，禁用即还原。油猴脚本版移除脚本即可。
FigmaCN 把 Figma 界面汉化做到了可直接上手的程度：装、刷新、用中文设计。项目源码和 4383 条翻译词条均在开源仓库中，词条文件是纯 JSON 格式，想核对某个词的译法，打开即可查阅。
【免费下载链接】figmaCN中文 Figma 插件，设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
