Figma满屏英文看不懂？用FigmaCN给界面换上中文，几步就能搞定

Figma满屏英文看不懂？用FigmaCN给界面换上中文，几步就能搞定

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

深夜赶稿，你想给原型加一个页面跳转，鼠标却在右侧面板的英文选项间来回打转。第二天开发来问交互路径，你才发现昨晚选错了方向。这不是你不细心，而是 Figma 的界面默认只有英文。FigmaCN就是为这个场景准备的浏览器插件：它把 Figma 的整个界面翻译成中文，词条由设计师人工逐条校验，目前内置 4300 多条，菜单、面板、弹窗、提示语几乎全覆盖。

FigmaCN 是怎么把英文界面变中文的

原理其实不难理解。Figma 本质是一个网页应用，界面上的每个英文单词，最终都会渲染成页面里的文字。FigmaCN 要做的，就是在页面加载完成后扫一遍这些文字，遇到词库里有的英文就替换成对应的中文——"Component"变"组件"、"Instance"变"组件实例"、"Prototype"变"原型"、"Auto layout"变"自动布局"。

更关键的是"实时"这两个字。插件会在页面里安排一个观察员，专门盯着界面上有没有新冒出来的文字。你打开新面板、弹出新菜单、切换新页面，它都能第一时间接手翻译，不用你手动刷新。你几乎感觉不到它的存在，界面却一直是中文的。

这个观察员还有一个贴心之处：它会主动绕开你不希望被翻译的内容。比如你在代码编辑器里写 export，在评论区留的英文备注，或者给图层变量起的名字，它都能认出来、不去动。翻译的是 Figma 的界面，而不是你的内容，这一点对日常使用很重要。✨

按你用的浏览器，选一条顺手的安装路线

FigmaCN 的安装方式比较齐全，按浏览器对号入座就行：

• Chrome / Edge / Firefox 用户：直接在各自的应用商店搜索 FigmaCN，点安装，然后刷新 Figma 页面即可生效，这是最省事的路线。
• 用油猴脚本（Tampermonkey）的用户：可以在脚本市场装上用户脚本版，它会跟随项目更新自动同步最新词库，基本不用操心。
• 想离线使用或抢先体验新版：手动安装，同样不难，往下看演示即可。

Chrome 手动安装的分步演示

以 Chrome 为例，手动安装全程四步：

第一步，把项目代码拿到本地。在终端里执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN，得到项目文件夹。

第二步，打开扩展管理页。在 Chrome 地址栏输入chrome://extensions回车，打开右上角的"开发者模式"开关。

第三步，加载项目。点击"加载已解压的扩展程序"，选中克隆下来的项目里的src文件夹——扩展的清单文件就放在这一层，选错层级会提示加载失败。

第四步，刷新 Figma。回到 Figma 页面，按Ctrl+Shift+R强制刷新一次。再看右上角菜单，应该已经是中文了。✅

安装后容易忽略的几个细节

装好之后，有几个小地方值得留意，都是实际使用中容易绊倒人的点：

一是安装后必须刷新页面。插件只在页面加载时注入翻译脚本，所以刚装完，记得把已打开的 Figma 标签页刷新一下，否则界面还是英文。这里建议用强制刷新（Ctrl+Shift+R，Mac 上是Cmd+Shift+R），让浏览器丢掉缓存重新加载，比普通刷新更稳。

二是偶尔漏译是正常现象。Figma 每隔几周就会更新界面，新出现的英文词条要等词库更新后才会被覆盖。遇到这种情况不用着急，大部分核心功能早已翻译完毕，不影响日常使用。顺手把遇到的生词反馈给项目维护者，也能帮词库变得更完整。

三是团队想统一术语，可以自己动手。项目的翻译词库是一个独立的 JSON 文件，结构很直观：英文原文对应中文译文。比如团队习惯把"画板"叫"画布"、把"组件实例"叫"组件引用"，都可以按自己的规范改，改完重新加载插件即生效。💡 整个团队看到同一套界面术语，评审和沟通能省下不少来回。

装完之后，那个加班的夜晚会不太一样

回到开头那个深夜。装上 FigmaCN 之后，同一块面板上写着"点击时""跳转到""智能动画"，每个选项的意思一目了然，你甚至不用再悬停读英文说明。语言这层壳被拿掉之后，Figma 里那些设计逻辑反而变得更好理解了——对刚入门的新手来说，这往往就是最需要的东西。

如果你也经常被 Figma 的英文界面打断思路，不妨花几分钟按上面的方式装一个。刷新页面那一刻，看到全中文的工具栏，你会觉得这几分钟花得挺值。之后无论是日常画稿、搭建组件库，还是给团队做交接，语言都不会再是那道隐形的门槛。

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