FigmaCN Figma 中文插件完整安装教程5 分钟把界面变中文新手向【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN打开 Figma导出一帧画面要在三层英文菜单里翻一次同事说一句 Auto Layout你得先在脑子里过一遍翻译。FigmaCN 是一款Figma 中文插件装上之后刷新页面顶部菜单、右侧属性面板、所有弹窗都会变成中文整个过程大约 5 分钟。 FigmaCN Figma 中文插件是什么FigmaCN 是一个把 Figma 英文界面替换成中文的浏览器插件。它的词条库共4383 条每一条都经过设计师人工翻译和校验不是机器翻译直出Component 译作组件Auto Layout 译作自动布局符合你平时在设计行业里听到的叫法。它适合三类人刚接触 Figma、想降低学习成本的新手希望统一界面术语的小型设计团队以及只想快速干活、不想在英文菜单里逐个摸索的用户。插件只在 figma.com 网页上生效不会改动你创建的任何设计文件内容。 Figma 中文插件安装3 条路径路径做法适合人群油猴脚本先装 Tampermonkey在脚本商店搜索 FigmaCN 并安装不想装浏览器插件的用户浏览器商店在 Chrome / Edge / Firefox 商店搜索 FigmaCN点击安装大多数用户一键装完手动加载克隆仓库git clone https://gitcode.com/gh_mirrors/fi/figmaCN在扩展页面选择src目录加载想自己改词条库的用户手动安装只需四步打开chrome://extensions页面Edge 为edge://extensions打开右上角开发者模式点击加载已解压的扩展程序选中仓库里的src目录然后刷新 Figma 页面即可生效。 Figma 界面中文化效果拆解菜单与属性面板一眼变中文你会看到File、Edit、View 变成文件、编辑、查看图层树、右侧属性面板、快捷键提示文字全部是中文鼠标悬停的提示也一起变中文。背后为什么能做到插件在清单里声明只注入*://*.figma.com/*且覆盖页面内所有 frame。页面加载时它先把整份词条库读进来对已有界面文本做一次全量替换所以你第一次刷新看到的就是完整中文界面而不是翻译了一半。动态内容切面板、开弹窗不漏翻你会看到在 Design 和 Prototype 标签之间来回切、打开分享弹窗、调整缩放级别新弹出的文字直接就是中文没有先闪现英文再变。背后为什么能做到Figma 是单页应用新内容由脚本动态生成。插件用 MutationObserver 监听 DOM 变化新增节点、文本变化、属性变化三类事件都会被捕获并即时翻译新出现的内容不会漏网。跳过区域代码、变量名、输入内容保持英文你会看到Dev Mode 里导出的代码export、const 这类关键字原样保留你给变量起的名字不会被动过你正在输入的评论、标注也不会被替换。背后为什么能做到翻译前引擎会先判断节点是否处于三类跳过区域——代码编辑器区域、变量名区域、可编辑输入区域命中即直接放行。这避免了代码里的函数名被翻成中文、导致复制出去跑不通的尴尬。⚙️ FigmaCN 原理速览实时翻译是怎么做的一句话它干了两件事盯着和查表。盯着的部分靠一个 MutationObserver配置长这样const MutationObserverConfig { childList: true, // 新增节点 subtree: true, // 递归监听整棵树 characterData: true, // 文本内容变化 attributeFilter: [data-label, placeholder, aria-label, data-tooltip] };白话说它不刷新整个页面只关心内容新增了、文字变了、提示属性变了这几类变化然后立刻翻译受影响的那一小块所以快到你感觉不到等待。查表的部分是词条字典。比如 Copy link 对应 复制链接整句精确匹配而 · {} members 里的 {} 是通配符前面不管跟什么数字都能命中再用 {1} 把数字填到中文句子里 · 3 members 才会变成符合语序的 · 3 位成员。️ Figma 中文插件进阶技巧自定义词条词条库在src/js/translations.json文件里格式是 [英文, 中文] 的成对条目。哪条译名你不喜欢改掉中文再重载页面即可。缓存不同步改完词条库没生效时按 CtrlShiftRMac 是 CmdShiftR强制刷新让浏览器重新拉取文件。团队统一团队推广前先固定一个词条库版本大家装同一版本避免同一个按钮在两个人屏幕上显示两种中文。❓ FigmaCN 常见问题QFigma 桌面版能用吗 A不能。它是浏览器插件只在 figma.com 网页上生效。Q为什么还有界面是英文 A词条库在持续补充。商店版随商店更新油猴版自动跟随最新代码。Q会改动我的设计文件吗 A不会。只替换界面显示的文字设计内容不被修改。✅ 三步开始选择油猴脚本、浏览器商店、手动安装挑一条执行按对应步骤装好刷新 Figma 页面验证看顶部菜单、右侧属性面板和弹窗是否全为中文不是就 CtrlShiftR 强刷一次界面变中文省下的是你每次在英文菜单里找一个功能的那几秒钟。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考