ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Figma 界面全是英文?四千多条人工校验词条,一个 FigmaCN 插件让整页菜单变中文

Figma 界面全是英文?四千多条人工校验词条,一个 FigmaCN 插件让整页菜单变中文 Figma 界面全是英文四千多条人工校验词条一个 FigmaCN 插件让整页菜单变中文【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN上个月我带团队做组件库新来的实习生盯着 Figma 的右侧面板半天憋出一句约束条件到底在哪里 我凑过去一看她正在英文界面上翻来翻去找一个叫 Constraints 的东西。那晚十一点我们俩就着屏幕把几个常用参数又对了一遍——同一个词查一次记不住查两次还是会忘。后来我装了个叫 FigmaCN 的汉化插件刷新一次整页菜单都成了中文。实习生第二天自己就能顺着中文提示走完流程再没来问过我第二次。先说清楚它到底干了一件什么事FigmaCN 是一个浏览器扩展也有油猴脚本版作用很单纯把 Figma 网页版界面上的英文文字实时替换成中文。它跟机翻不是一回事——内置四千三百多条词条全部由设计师逐条人工翻译校验过用的是中文设计行业里顺口的说法Auto Layout 译成自动布局Constraints 译成约束而不是那种一眼假的生硬直译。翻译数据就放在 src/js/translations.json 里一条条 英文 → 中文 的对照任何人都能打开看。为什么它不能页面加载时替换一次就算了你可能觉得翻译界面有什么难的把文字换掉不就行了吗难点在于 Figma 是典型的单页应用菜单、面板全是动态渲染的——你点一下图层右侧面板就重新生成一遍。旧办法加载时替换一次根本追不上它变。FigmaCN 的做法像是请了一位站在旁边盯梢的驻场翻译浏览器里有个叫 MutationObserver 的接口专门用来监听页面变化只要有新文本冒出来插件立刻查表、翻译、写回。你操作得越快它盯得越紧但你自己几乎感觉不到它的存在。它查词也不是傻乎乎一个个找顺序是精确匹配 → 通配模式 → 兜底精确。词库里还有几十条带{}通配符的模板所以 5 members 这种带着数字的短语也能正确译成5 位成员。更难得的是它知道什么不该翻代码编辑器里的关键字、评论框里正在输入的内容、本地变量的名字都会被主动跳过。你不会看到代码里的export被翻译成中文那种尴尬场面——这些跳过逻辑在 src/js/content.js 里写得很清楚。5 分钟上手装完记得强制刷新装的方式有几种最快的路线是这样的把插件包解压到本地或者执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN克隆仓库打开chrome://extensionsEdge 是edge://extensions右上角开启开发者模式点加载已解压的扩展程序选包含manifest.json的那个文件夹克隆仓库就选src/打开 Figma按CtrlShiftRMac 是CmdShiftR强制刷新一次最后一步千万别省。我一开始装完直接普通刷新界面纹丝不动以为插件坏了后来才知道是浏览器缓存让旧脚本继续跑着。强制刷新之后效果是这样的用之前用之后顶部菜单一长串英文文件、编辑、视图全是中文右侧属性面板靠猜自动布局、约束、填充一目了然5 members 要心算一下直接显示5 位成员权限弹窗看半天不敢点可以编辑 可以查看 清清楚楚不想装扩展的话还有油猴脚本版浏览器装好 Tampermonkey把 scripts/figmaCN.user.js 导入就行它会自动跟随仓库更新省得手动维护。跟着我走一遍从安装到做完一件小事我拿自己的一次实际操作为例。那天要给项目组配一套权限放在以前我得到英文弹窗里分辨 Can edit 和 Can view 的细微差别鼠标悬停半天不敢点。这次装上 FigmaCN 后打开分享弹窗权限下拉里直接写着可以编辑可以查看一秒选完全程没犹豫。接着我去调一个自动布局以前的流程是Auto Layout 是什么来着Padding 是内边距吧Gap 又是啥……这次面板上全是中文从间距到对齐方式一路看下来十分钟的活三分钟干完。中途我还顺手做了件小事我们团队习惯把画布叫画板于是打开 translations.json按[Canvas, 画板]的格式加了一行重载扩展全组统一口径。以后新同事进组不会再出现画布和画板对不上的情况。坦白局它也有帮不上忙的地方有几点我得说清楚免得你期望太高。第一Figma 更新太勤新出现的英文文案往往要等词条库跟上个别角落偶尔还是英文这属于正常现象不影响主体功能。第二你正在编辑的输入框和代码区域不会被翻译这是刻意设计不是故障——谁也不想打着字内容突然被替换。第三它只碰界面文字不改变 Figma 的任何数据与功能逻辑纯属表面功夫但这恰恰是它安全的地方。最后说一句汉化一个每天都在更新的工具本质上是场长期拉锯战FigmaCN 靠四千多条人工词条和持续的更新扛住了。如果你也曾在英文界面里反复找一个参数不妨就按上面的步骤装一次——那一下强制刷新之后你可能会发现原来 F igma 的界面早就该是这个样子。下一步动作很简单现在就去打开chrome://extensions花五分钟把它装上。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表