FigmaCN用 4383 条译文把 Figma 界面翻成中文【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN周会上负责人指着画布上的一个面板问这个 Constraints 是干啥的你得先在脑子里把术语翻译一遍才能回答场面有点尴尬。FigmaCN是一款Figma 中文插件4383 条人工校验的译文能把 Figma 网页界面整体换成中文。 一它是给谁用的如果你是每天用 Figma 做设计的设计师它会帮你省掉口头翻译术语的环节——Auto Layout、Constraints、Prototype 这些词在你打开面板的那一刻就是中文你说什么和屏幕上显示什么是一回事。如果你是带小团队的负责人它会帮你解决新人上手的问题——新成员第一次打开 FigmaDrafts草稿、Projects项目、Version history版本历史都是中文不用你站在旁边逐个讲界面。如果你教设计课或做 Figma 教程它会帮你摆脱 PPT 和屏幕互相对照的麻烦——学生盯着屏幕看时Layers图层、Components组件本身就是中文截图里的英文不用逐条解释。不适合全英文团队或专门要练术语的人。 二拿到 Figma 中文插件的最短路径推荐走商店安装三步在 Chrome 网上应用店或 Edge 加载项商店搜索 FigmaCN点击添加至 ChromeEdge 商店上是获取刷新已打开的 Figma 页面菜单、侧边栏和悬浮提示就都变成中文了。插件只在 figma.com 域名下工作不会碰你访问的其他网站。如果你不想走商店git clone https://gitcode.com/gh_mirrors/fi/figmaCN后在chrome://extensions选择src目录加载已解压扩展或者装Greasemonkey用户脚本管理器添加 FigmaCN 脚本它会远程拉取最新代码不用手动更新。商店版和手动版是同一个插件切换无损。⚙️ 三它到底做了什么装完之后打开 figma.com页面一加载完界面就是中文。关键是它不是页面加载完做一遍全量翻译——中文替换跟着你的操作走你每打开一个新面板、切换文件、修改某个属性值新出现的英文就地被换成中文。干这件事的是MutationObserver浏览器原生提供的一个页面变化监听器。FigmaCN 用它盯着两类变化文本节点的新增与修改以及placeholder、data-label、aria-label等 5 个属性。每发生一次就去查本地词典命中的文本立刻替换。就像门口有个前台谁进来就把英文工牌换成中文的。词典在启动时一次性读进内存做成查找表每条文本都是直接命中不用逐条扫。词条长这样[ · {} members, · {1} 位成员]{}是变量占位符。这段意味着你可以给带数字的句子写规则遇到 · 3 members 时3 会填进{1}的位置得到 · 3 位成员。这类变量词条在词典里共有 54 条。它也有反向排除代码编辑器的内容区、变量名输入框、你正在输入的评论都被明确跳过——代码里的export不会被翻成导出。翻译发生在页面上你的文件不受影响。 四再往深里看词典就是一个 JSON 文件克隆仓库之后有两处可以动。想加团队常用词打开src/js/translations.json追加一行[wireframe, 线框图]重新加载已解压扩展后界面里所有 wireframe 统一显示线框图。想调整某个词条的语序改编号占位符的位置就行——把译文里的{1}挪到句子开头· 3 位成员这类句子里数字的落点就跟着变语序可以按中文习惯重新摆。改上两处小地方它就更贴你们的说法。❓ 五常见问题问装完还有部分是英文 答通常是 Figma 新上的界面词典还没收录。先强制刷新CtrlShiftR仍不行的话等下一次插件更新同步词条。问变量名和代码为什么没翻译 答这是故意的。变量名和代码关键字一旦翻译就会破坏含义插件会跳过这类区域。问会不会影响 Figma 操作、会不会传我的文件 答它只读取和替换页面里的文本所有查词都在本地完成不采集也不外发你的设计内容。问商店版和已解压扩展选哪个 答商店版会自动更新多数人够用。要改词典、要用未发布的功能再走已解压扩展。剩下的先看看源码吧才 398 行。FigmaCN 只做一件事让 Figma 界面变成中文词典靠社区维护。遇到翻译不准或想补词条可以直接到仓库的 issue 区提出来维护者都在那里回话。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考