FigmaCN：Figma界面汉化插件安装教程，4000+人工校验词条，3分钟装好

FigmaCN：Figma界面汉化插件安装教程，4000+人工校验词条，3分钟装好

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

FigmaCN 是一款 Figma 界面汉化插件，把全英文的 Figma 界面替换成中文，内置 4000+ 条由设计师人工校验的词条，按本文步骤操作，3 分钟内装完。

📥 3分钟装好FigmaCN：两条路径选一条

这一节解决"从哪条路上手"的问题：主路线能拿到最新版本，备路线给不想碰命令行的你。

主路线：手动加载源码，6步

1. 把仓库克隆到本地：

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

2. 打开扩展管理页：Chrome 输入chrome://extensions，Edge 输入edge://extensions。
3. 打开右上角"开发者模式"开关。
4. 点击"加载已解压的扩展程序"。
5. 选择 figmaCN 文件夹里的src目录。
6. 刷新 Figma 页面即生效。

备路线：下载插件安装包，3步

1. 从项目 Release 页面下载对应浏览器的压缩包。
2. 解压到本地文件夹。
3. 在扩展管理页点"加载已解压的扩展程序"，选中该文件夹。

另外两条路各一句话：Chrome、Edge、Firefox 商店里直接搜 "FigmaCN"，添加后刷新即可；不想装浏览器扩展的话，装 Tampermonkey 或 Violentmonkey，在脚本商店搜 FigmaCN 装油猴脚本版。

🔧 Figma界面汉化装完后，它替你做什么

四行说清装完后的价值，留着之前可以先对一下你更需要哪一条：

• 用 4000+ 条人工校验词条翻译整个 Figma 界面 → 向同事解释 Component、Prototype、Auto Layout 这些术语时，不用先翻一遍
• Figma 界面元素变化时自动检测并实时替换 → 干活时不用切到别的翻译工具
• 除正文外，data-label、placeholder、aria-label 等属性也一并翻译 → 漏网的英文变少
• 本地运行，内存约 8~12MB，启动低于 100ms → 不拖慢设计流程

几个快捷键能配合着用：Ctrl+R刷新翻译（macOS 用Cmd+R），Ctrl+Shift+R强制刷新、清缓存重新翻译，Ctrl+Tab切换工作区，中文界面下更直观。

🧩 原理一句话，词条文件在哪改

这节先把技术机制压成两句话，再告诉你自定义要动哪个文件。

机制是：用 MutationObserver 实时监听页面变化，Figma 界面元素一变，就对照 src/js/translations.json 里的词条替换文本；匹配分三档——整句精确匹配、带变量的文本走通配符（如· {@} members→· {1} 位成员），外加属性翻译。扩展配置在 src/manifest.json，脚本只注入 Figma 页面。

团队有译错的词、或想覆盖默认译法，直接打开 src/js/translations.json 添加，每条词条是"英文原文、中文译文"一对：

[ ["design system", "设计系统"], ["user flow", "用户流程"], ["wireframe", "线框图"] ]

🚧 常见坑速查：没汉化、漏翻译、译错

装完最常撞的三类问题在表里，先自查再提单：

📊 装前对照：兼容性与性能数据一览

环境不达标就不用装了，下面数字均为装完后的稳态值：

发现译错或想参与进去，直接去项目提 issue；核心替换逻辑在 src/js/content.js，读一遍能摸清整个替换流程。

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