FigmaCN Figma 中文汉化插件完整指南3 种安装方式几分钟让界面变中文【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCNFigmaCN是一款免费的 Figma 中文汉化插件它把 figma.com 的英文界面自动翻译成中文词条由设计师人工校验过覆盖菜单、面板、按钮等 4000 多条界面文本。装好之后打开 Figma你不用再逐个辨认 Component、Prototype 这些英文术语。FigmaCN 插件是什么汉化界面不碰你的设计汉化范围4000 多条人工校验词条所有翻译都存放在 翻译数据库 中每一条就是一个“英文-中文”对照例如英文中文Component组件Prototype原型Export导出Layers图层两类内容它刻意不翻译你正在输入的内容评论、标注、变量名和代码编辑器里的代码会被识别并跳过不会干扰你写东西。汉化只作用于界面本身画布里的设计内容一律保持原样。三种安装方式挑最适合你的商店一键安装推荐大多数人在你常用浏览器的官方商店里搜索“FigmaCN”点击安装Chrome 用户去 Chrome 网上应用店Edge 用户去 Edge 加载项Firefox 用户去附加组件社区。装完刷新 Figma 页面即可生效以后商店更新时插件也会跟着更新是最省心的方式。油猴脚本版适合不想装浏览器扩展的人如果你已经装了 Tampermonkey一个帮你在浏览器里运行自定义脚本的工具直接去 GreasyFork 脚本社区搜索“FigmaCN”点击安装再刷新 Figma 页面即可。它和插件原理相同只是不需要走扩展安装流程。从源码手动安装适合喜欢折腾的技术用户先克隆项目到本地git clone https://gitcode.com/gh_mirrors/fi/figmaCN然后打开扩展管理页面——Chrome 在地址栏输入chrome://extensionsEdge 输入edge://extensions——打开右上角“开发者模式”点击“加载已解压的扩展程序”选择刚才的 figmaCN 文件夹即可。Firefox 的操作略有不同输入about:debugging点“临时载入附加组件”选择文件夹里的manifest.json。安装之后日常使用要注意什么实时生效不需要任何设置插件没有配置页面。Figma 里有大量面板是操作时才动态加载的插件会在后台持续监听页面变化新弹出的对话框、新加载的属性面板都会即时汉化不需要手动刷新或重新触发。只改界面不改设计文件需要记住一点被汉化的是工具本身的界面文字不是你的作品。画布中的文本、图层名、组件名都不会被改动团队协作时不存在“文件被别人改成中文”的担心。原理浅析一行中文是怎么出现的实时监听 查表替换插件的核心就是 Figma 页面里运行的一小段脚本先加载翻译表再用浏览器内置的“变化监听器”盯着页面出现新英文就查表替换。关键逻辑不长const config { childList: true, subtree: true, characterData: true }; observer.observe(document.body, config); // 发现新文本查 translations.json命中就替换成中文 // 若文本位于代码编辑器或输入框内直接跳过带 {} 的词条句子里的数字不受影响词条里含{}标记的支持整句模式匹配。比如 · {} members 对应 · {1} 位成员这样“3 位成员”这类带数字的句子也能完整翻译而不会把数字部分弄丢。想改翻译自己加词条就行如果你对某个词的译法不满意或者团队习惯用别的说法直接修改 translations.json每一行一个词条找到对应英文、改掉后面的中文即可新增词条则仿照[英文, 中文]的格式加一行在扩展管理页重新加载插件改动就会生效。现在挑一种安装方式装好它刷新页面就能用上全中文的 Figma如果团队有固定的术语习惯顺手往词库里加几条汉化会更贴合你们的用法。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考