Figma 汉化插件：3 分钟用 FigmaCN 把界面变成中文

Figma 汉化插件3 分钟用 FigmaCN 把界面变成中文【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN你有没有对着 Figma 的界面把菜单一个个查过意思FigmaCN 是一款 Figma 汉化插件用人工校验的翻译词库把英文界面替换成中文3 分钟就能装好。 项目速览4384 条翻译词条全部由设计师人工校验覆盖菜单、对话框、工具栏和设置页不是机翻腔。占用极小词库 244KB核心脚本 400 行装完几乎无感。版本 1.8.0支持 Chrome、Edge、Firefox另提供 Tampermonkey 油猴脚本版。按 manifest.json 的配置只在*.figma.com域名生效不碰你的其他网站。✨ 功能亮点新功能不用再猜Figma 每上一个新功能英文名就是第一道坎——Dash cap 是啥得先查一下。FigmaCN 的词库由设计师校验中文贴合设计行业习惯。看到中文名称就能直接用不用点之前先猜。带数字的句式不乱序界面里大量带数字的句子比如 · 3 members逐词翻译会变成位成员 3。词库用 {} 通配符承载变量数字会自动落到正确的位置。你看到的是符合中文语序的自然句子。文件内容绝对安全最让人担心的是插件会不会把我文件里的组件名、标注也翻译了引擎会跳过代码编辑器、变量名、你正在编辑的富文本这三类区域只替换界面自身的文案。译的是界面你的文件不受影响。跟上 Figma 的改版速度Figma 更新频繁界面经常变。插件用 MutationObserver 监听页面变化新内容一加载就实时翻译。更新之后不会出现英文残留也不用你手动干预。 快速上手推荐手动解压安装步骤不多全程可控把仓库克隆到本地git clone https://gitcode.com/gh_mirrors/fi/figmaCN地址栏输入chrome://extensionsEdge 是edge://extensions回车打开右上角的开发者模式开关点击加载已解压的扩展程序选择克隆下来的src文件夹manifest.json 就在这一层刷新 Figma 页面界面变中文商店里一键安装Chrome、Edge、Firefox 商店都能搜到 FigmaCN直接安装装完刷新页面即可。不想装扩展的话可以用油猴脚本版它会跟随仓库 master 分支自动更新不用自己管升级。 机制深挖怎么跟上页面的实时变化把翻译引擎想象成前台翻译它不会每次重读整个页面只处理新变动的部分。浏览器原生的 MutationObserver 负责盯住 DOM 节点的增删改翻译引擎 收到通知就只对变化部分下手const observer new MutationObserver((mutations) { for (const m of mutations) { if (m.type childList) { m.addedNodes.forEach(node translateSubtree(node)); } } }); observer.observe(document.body, { childList: true, subtree: true });启动时4384 条词条一次性装进 Map查词几乎零开销长词条优先匹配Education 就不会被短词 Edu 抢先截胡。动态句子是怎么译的带变量的句子在词库里长这样// 一条词条[英文原文, 中文译文] [ · {} members, · {1} 位成员]运行时 {} 会被转成正则捕获组捕到的内容再填进中文模板的 {1} 位置。语序按中文习惯调整过你不会再看到位成员 3这种别扭的输出。 进阶技巧改词库让它变成你自己的翻译词库 里每条都是英文原文、中文译文的数组加一行或改一行重载扩展后新译法立刻生效。追求省心就选油猴版脚本版远程加载仓库最新代码跟随 master 自动更新扩展版升级则需要重新下载新包再加载。装完记得刷新页面脚本在页面加载时才运行安装或改词库后务必刷新一次 Figma 页面。团队里统一术语全组装同一个插件大家看到的是同一套中文这个菜单是干嘛的这类沟通基本消失。常见疑问会不会拖慢浏览器、影响 Figma 文件只监听 DOM 文本变化并做替换词库仅约 244KB资源消耗可以忽略。它不碰画布里的设计数据你保存的仍然是自己的文件。我文件里的组件名、文字会被误翻吗不会。引擎显式跳过代码编辑器、变量名区域和你正在编辑的富文本评论、标注只替换界面自身的文案。某个词的译法我不喜欢能改吗可以。打开翻译词库找到那条改掉或者新增一条覆盖再重载扩展即可改完马上生效。下次打开 Figma菜单应该就是熟悉的中文了。装上它刷新页面然后回去专心设计。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考