FigmaCN Figma中文汉化插件3分钟让Figma界面完整变中文的指南【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN⚡ 30秒速览FigmaCN 是一款中文 Figma 插件作用只有一个把 figma.com 网页版的英文界面换成中文。它的核心是一份4383 条、由设计师人工翻译校验的中英文对照词库页面文本一变就立即查库替换。插件、翻译词库、油猴脚本全部开源支持 Chrome、Edge、Firefox 手动安装。装好后刷新一次页面从菜单到右侧面板你看到的就是完整的中文界面。 适合谁不适合谁适合你如果你日常在 Figma 网页版工作希望界面直接显示中文在设计团队里带新人想统一术语、降低上手成本对 Auto Layout、Component 这类英文术语不熟边查边用很费时间想自己增改个别词条定制团队的叫法不适合你如果你主要用 Figma 桌面客户端App插件只对 figma.com 网页生效期望翻译设计文件本身图层名、文件标题、评论里的正文它都不碰只改界面文本想要官方语言选项Figma 官方不提供中文FigmaCN 是第三方汉化方案 上手路线第一次使用三步装好最快的路径是去浏览器插件商店搜 FigmaCNChrome、Edge、Firefox 商店都有点安装即可。如果想自己装源码按下面表格选平台平台管理入口关键操作Chromechrome://extensions打开开发者模式→ 「加载已解压的扩展程序」→ 选择解压后的插件文件夹Edgeedge://extensions打开「开发人员模式」→「加载解压缩的扩展」→ 选择文件夹Firefoxabout:debugging「此 Firefox」→「临时载入附加组件」→ 选择解压目录里的manifest.json油猴脚本Tampermonkey 脚本管理器安装 FigmaCN 脚本刷新页面第一步拿到插件文件。本地没有代码就先克隆仓库git clone https://gitcode.com/gh_mirrors/fi/figmaCNChrome/Edge 用同一个 Chromium 通用包Firefox 用单独的 Firefox 包。第二步按上表打开对应管理页面开启开发者模式加载解压出来的文件夹Firefox 是选文件。第三步刷新 Figma 页面。整个界面当场变中文无需其他配置。日常最常用操作刷新翻译按CtrlRMac 为CmdR重新加载页面翻译引擎会全量重建强制刷新CtrlShiftR清缓存后再翻译新弹窗、新面板不用管页面文本变化会被实时捕获并自动翻译它没有弹窗菜单也不占界面装完就消失了进阶定制自己改翻译词所有词条都在 src/js/translations.json 里共 4383 条每条是一对[英文, 中文]的数组。想改哪个词找到对应英文改后面的中文保存刷新 Figma 页面即生效。词条还支持通配写法数据里就有真实的 · {} members → · {1} 位成员{}位置匹配任意文字并原样回填一条词条覆盖一整串带变量的句子。⚙️ 原理速览一句话FigmaCN 相当于给 Figma 网页贴了一层实时字幕。它盯着页面的文字变化发现英文就查词库当场换成中文。这里的盯着靠的是浏览器自带的 MutationObserver 机制好比在页面上装了一个运动传感器const MutationObserverConfig { childList: true, // 监听文本的增删 subtree: true, // 监听整棵页面树 characterData: true // 监听文字内容变化 };传感器装好之后Figma 怎么刷新界面都逃不过它。同时有三类内容被故意跳过代码编辑器、变量名区域和可编辑区域评论、标注等输入框避免把你正在打的内容改错。 关键数据一览指标数值当前版本1.8.0油猴脚本同为 1.8.0翻译词条数4383 条设计师人工校验翻译数据文件体积约 242 KBsrc/js/translations.json插件形态Manifest V3内容脚本 后台 service worker生效范围*://*.figma.com/*全部子域名含所有 frame脚本加载时机document_end浏览器兼容Chrome / Edge / FirefoxFirefox 单独构建包运行开销纯前端文本替换无界面元素扩展版加载后无外部网络请求油猴版需联网拉取最新数据❓ 常见问题 FAQQ1装了、刷新了界面还是英文先确认你打开的是 figma.com 网页版插件只在这个域名生效。其次安装后必须刷新一次 Figma 页面Chrome 首次安装会弹出主页标签页关掉它再刷 Figma 即可。还不行就看浏览器控制台有没有[FigmaCN] content.js loaded没有说明脚本没加载成功回去检查选文件夹时有没有多套一层目录。Q2为什么有些词没翻译两种可能词库里确实没有这条用上面的定制方法自己补或者那个位置被故意排除了——代码块、变量名、评论和标注等可编辑区域不翻译是防止改坏你输入的内容。Q3和其他插件会冲突吗浏览器扩展和油猴脚本别同时开两者做的是同一件事同一段文本会被重复替换。它和 Figma 官方插件不冲突FigmaCN 只读页面文本并替换不碰设计文件、不碰画布。Q4怎么升级扩展版下载新版本插件包FigmaCN-chromium-x.x.x.zip或FigmaCN-firefox-x.x.x.zip解压后在扩展管理页重新加载文件夹即可。油猴版不用操作它每次加载都拉取 master 分支的最新代码自动跟随更新。Q5怎么卸载扩展管理页里删除 FigmaCN刷新 Figma 页面界面恢复英文。油猴版在 Tampermonkey 菜单里停用该脚本即可立即失效。 延伸阅读README.md各平台完整安装指引src/manifest.json插件配置、权限与加载规则src/js/content.js核心翻译引擎源码src/js/translations.json4383 条翻译词库scripts/figmaCN.user.js油猴脚本下次打开 figma.com 之前花 3 分钟走一遍第一次使用装好、刷新、直接用中文界面开工。遇到个别没翻译的词顺手在词库里补一条界面会越来越贴合你的习惯。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 FigmaCN Figma中文汉化插件：3分钟让Figma界面完整变中文的指南
FigmaCN Figma中文汉化插件3分钟让Figma界面完整变中文的指南【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN⚡ 30秒速览FigmaCN 是一款中文 Figma 插件作用只有一个把 figma.com 网页版的英文界面换成中文。它的核心是一份4383 条、由设计师人工翻译校验的中英文对照词库页面文本一变就立即查库替换。插件、翻译词库、油猴脚本全部开源支持 Chrome、Edge、Firefox 手动安装。装好后刷新一次页面从菜单到右侧面板你看到的就是完整的中文界面。 适合谁不适合谁适合你如果你日常在 Figma 网页版工作希望界面直接显示中文在设计团队里带新人想统一术语、降低上手成本对 Auto Layout、Component 这类英文术语不熟边查边用很费时间想自己增改个别词条定制团队的叫法不适合你如果你主要用 Figma 桌面客户端App插件只对 figma.com 网页生效期望翻译设计文件本身图层名、文件标题、评论里的正文它都不碰只改界面文本想要官方语言选项Figma 官方不提供中文FigmaCN 是第三方汉化方案 上手路线第一次使用三步装好最快的路径是去浏览器插件商店搜 FigmaCNChrome、Edge、Firefox 商店都有点安装即可。如果想自己装源码按下面表格选平台平台管理入口关键操作Chromechrome://extensions打开开发者模式→ 「加载已解压的扩展程序」→ 选择解压后的插件文件夹Edgeedge://extensions打开「开发人员模式」→「加载解压缩的扩展」→ 选择文件夹Firefoxabout:debugging「此 Firefox」→「临时载入附加组件」→ 选择解压目录里的manifest.json油猴脚本Tampermonkey 脚本管理器安装 FigmaCN 脚本刷新页面第一步拿到插件文件。本地没有代码就先克隆仓库git clone https://gitcode.com/gh_mirrors/fi/figmaCNChrome/Edge 用同一个 Chromium 通用包Firefox 用单独的 Firefox 包。第二步按上表打开对应管理页面开启开发者模式加载解压出来的文件夹Firefox 是选文件。第三步刷新 Figma 页面。整个界面当场变中文无需其他配置。日常最常用操作刷新翻译按CtrlRMac 为CmdR重新加载页面翻译引擎会全量重建强制刷新CtrlShiftR清缓存后再翻译新弹窗、新面板不用管页面文本变化会被实时捕获并自动翻译它没有弹窗菜单也不占界面装完就消失了进阶定制自己改翻译词所有词条都在 src/js/translations.json 里共 4383 条每条是一对[英文, 中文]的数组。想改哪个词找到对应英文改后面的中文保存刷新 Figma 页面即生效。词条还支持通配写法数据里就有真实的 · {} members → · {1} 位成员{}位置匹配任意文字并原样回填一条词条覆盖一整串带变量的句子。⚙️ 原理速览一句话FigmaCN 相当于给 Figma 网页贴了一层实时字幕。它盯着页面的文字变化发现英文就查词库当场换成中文。这里的盯着靠的是浏览器自带的 MutationObserver 机制好比在页面上装了一个运动传感器const MutationObserverConfig { childList: true, // 监听文本的增删 subtree: true, // 监听整棵页面树 characterData: true // 监听文字内容变化 };传感器装好之后Figma 怎么刷新界面都逃不过它。同时有三类内容被故意跳过代码编辑器、变量名区域和可编辑区域评论、标注等输入框避免把你正在打的内容改错。 关键数据一览指标数值当前版本1.8.0油猴脚本同为 1.8.0翻译词条数4383 条设计师人工校验翻译数据文件体积约 242 KBsrc/js/translations.json插件形态Manifest V3内容脚本 后台 service worker生效范围*://*.figma.com/*全部子域名含所有 frame脚本加载时机document_end浏览器兼容Chrome / Edge / FirefoxFirefox 单独构建包运行开销纯前端文本替换无界面元素扩展版加载后无外部网络请求油猴版需联网拉取最新数据❓ 常见问题 FAQQ1装了、刷新了界面还是英文先确认你打开的是 figma.com 网页版插件只在这个域名生效。其次安装后必须刷新一次 Figma 页面Chrome 首次安装会弹出主页标签页关掉它再刷 Figma 即可。还不行就看浏览器控制台有没有[FigmaCN] content.js loaded没有说明脚本没加载成功回去检查选文件夹时有没有多套一层目录。Q2为什么有些词没翻译两种可能词库里确实没有这条用上面的定制方法自己补或者那个位置被故意排除了——代码块、变量名、评论和标注等可编辑区域不翻译是防止改坏你输入的内容。Q3和其他插件会冲突吗浏览器扩展和油猴脚本别同时开两者做的是同一件事同一段文本会被重复替换。它和 Figma 官方插件不冲突FigmaCN 只读页面文本并替换不碰设计文件、不碰画布。Q4怎么升级扩展版下载新版本插件包FigmaCN-chromium-x.x.x.zip或FigmaCN-firefox-x.x.x.zip解压后在扩展管理页重新加载文件夹即可。油猴版不用操作它每次加载都拉取 master 分支的最新代码自动跟随更新。Q5怎么卸载扩展管理页里删除 FigmaCN刷新 Figma 页面界面恢复英文。油猴版在 Tampermonkey 菜单里停用该脚本即可立即失效。 延伸阅读README.md各平台完整安装指引src/manifest.json插件配置、权限与加载规则src/js/content.js核心翻译引擎源码src/js/translations.json4383 条翻译词库scripts/figmaCN.user.js油猴脚本下次打开 figma.com 之前花 3 分钟走一遍第一次使用装好、刷新、直接用中文界面开工。遇到个别没翻译的词顺手在词库里补一条界面会越来越贴合你的习惯。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考