Figma 界面汉化速查figmaCN 安装、排查与自定义词库一次讲透【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN新同事小张按教程装好 figmaCN 后刷新页面界面依旧满屏英文好不容易翻出来了Frame 又被他嫌弃成框架而不是画框——这类问题在设计群里我见过不下十次。这篇速查把安装、生效自检、排查和词库自定义串成一条线照着一路走10 分钟内让 Figma 全中文跑起来顺手还能改掉你不满意的译法。30 秒判断值不值得用三个数字认识 figmaCN一句话概括figmaCN 是一款运行在浏览器里的 Figma 中文汉化工具把网页版 figma.comfigma.com的界面文案替换成经设计师逐条校对的中文遇到代码、变量名和正在输入的内容会自动绕开。先用三个数字建立直觉4300人工校验词条总数全部存放在src/js/translations.json1.8.0当前版本号见src/manifest.json54支持变量占位符的模板词条数例如{} members会按场景译成{1} 位成员和浏览器自带的整页翻译相比差异是本质性的对比项figmaCN浏览器整页翻译术语质量按设计行业语境逐条校对机器直译术语生硬代码与变量自动识别并跳过可能被一并搅乱动态内容MutationObserver 实时跟进需手动重翻整页生效范围仅界面文案整页文字全部覆盖最快上手路线从下载到全中文只需 4 步一句话结论figmaCN 只作用于网页版 Figma桌面客户端不受影响卸载或禁用后强制刷新页面即可完全还原不留任何永久修改。拉取源码执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN得到项目目录打开扩展页Chrome 地址栏输入chrome://extensionsEdge 用edge://extensions打开右上角开发者模式开关加载扩展点击加载已解压的扩展程序选择项目里的src目录刷新生效回到 figma.com按CtrlShiftRMac 为CmdShiftR强制刷新三种安装形态走的是同一套翻译引擎按习惯任选其一安装方式适合谁更新方式商店直装Chrome / Edge / Firefox图省事的大多数商店自动推送手动加载src目录离线环境、想试最新代码重新拉代码后手动重载油猴脚本scripts/figmaCN.user.js已有 Tampermonkey 的同学自动拉取仓库 master 分支最新代码与词库装完做一次 30 秒自检顶部菜单栏是否中文、左侧工具栏提示是否翻译、右键菜单是否汉化、新建文件对话框选项是否正常、属性面板英文是否消失。五条全过即安装成功。高频场景演练三个常用场景照着做场景一日常画布翻译打开就能用操作路径用浏览器打开 figma.com → 登录进入画布 → 正常操作新建文件、切换面板、打开弹窗即可。预期效果顶部菜单、工具栏悬浮提示、右侧属性面板、右键上下文菜单全部中文新弹出的菜单、Toast 提示也会在出现的瞬间被翻译无需手动刷新。figmaCN 不是打开翻一次就完事而是持续监听页面变化做增量处理。场景二翻了一半部分菜单还是英文操作路径先手动强制刷新一次CtrlShiftR→ 仍缺失则打开src/js/translations.json搜索对应英文原文确认是否收录。预期效果能定位是缓存未更新还是词条缺失。若是新功能或冷门文案未收录属于词库覆盖边界可去仓库提 issue 附上英文原文说明使用场景即可。场景三担心代码区域被误翻操作路径打开 Figma 的代码面板Dev Mode、查看变量命名区、或在评论框输入一段中英文混合文字。预期效果export、const这类代码关键字保持原样本地变量的名称不被翻译正在编辑的评论、标注等富文本输入内容不会被替换。引擎通过 code / monaco / codemirror 特征、variable_name--root类名和contenteditable状态三层判断来实现保护。进阶机制拆解翻得准又不误伤的三个设计实时监测增量处理而不是整页重扫机制是什么基于 MutationObserver 监听节点增删、文本改动和data-label、placeholder、aria-label、data-tooltip等关键属性变化只对新增节点做局部遍历已翻译节点会打上data-figmacn-done标记。为何这样设计整页重扫在多人协作、频繁切换文件时会造成明显卡顿还可能把已译文本再次套入翻译逻辑形成死循环。对用户的好处协作编辑时依然轻快动态内容即时转换翻译过程在后台无感完成。三层匹配精确 → 通配符 → 兜底机制是什么先查完全一致的词条直接替换再匹配带{}的通配符词条支持{1}、{2}编号占位符调整语序如Access options for {} members→{1} 成员的访问选项命中后还会对较长英文片段做一次兜底精确匹配避免Education被前面更短的词条误伤。为何这样设计单纯查表应付不了带数字、带变量人名的句子而兜底匹配保证了整体译文准确。对用户的好处像5 位成员邀请其他成员加入 xx 团队这类动态句子也能译得自然。智能保护代码、变量名、输入框三不碰机制是什么向上遍历节点识别代码编辑器特征、variable_name--root变量命名区、contenteditable富文本输入框命中后还会缓存跳过根节点避免对同一片子树反复遍历。为何这样设计界面文案和用户数据必须严格区分——代码关键字、变量名、打了一半的评论都属于不能动的内容。对用户的好处放心在评论里用英文交流不用怕打到一半被替换成中文。按需定制改一条译法只需两步觉得某个译法不顺手改词库即可无需懂代码打开词库编辑src/js/translations.json搜索想调整的英文原文例如[Frame, 画框]第 1664 行改完重载把译文改成你认可的说法如[Frame, 框架]在扩展管理页重新加载插件再刷新 Figma 页面即生效词条就是英文原文 中文译文的成对数组[ [Frame, 画框], [Component, 组件], [Education, 教育版] ]两个提醒保持二维数组的整体结构不要删行、合并条目如果某条译法值得推广可在仓库提交 issue 反馈原文和场景好的译法会让所有使用者受益。避坑指南现象、原因、解法速查现象原因解法安装后毫无变化插件未启用或缓存未刷新确认扩展已启用再强制刷新页面部分菜单仍是英文词条未收录或属新功能强制刷新一次仍缺失则反馈英文原文动态内容偶发漏翻个别节点未触发监测刷新重试不影响整体使用代码区域疑似被翻保护规则未命中概率极低附截图到仓库 issue 区定位修复桌面客户端不生效插件只支持网页版改用浏览器访问 figma.com评论打一半被改输入框保护未及时生效属边界情况刷新后可恢复资源与收尾源码里值得翻的三个入口核心翻译引擎src/js/content.js监测逻辑、三层匹配、保护规则全在这里词库文件src/js/translations.json4300 词条自定义译法改这里扩展声明src/manifest.json版本号、匹配范围*://*.figma.com/*、资源权限今天的下一步建议只有一件先按4 步上手路线装好并跑通 30 秒自检清单再用一天时间边用边记下 2~3 个你真正看不惯的译法最后打开translations.json一次性改掉——装好、验过、改顺Figma 中文界面这件事就算彻底完结了。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考