ARTICLE DETAIL

资讯详情

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

FigmaCN 中文插件安装教程:3 分钟完成 Figma 界面汉化

FigmaCN 中文插件安装教程:3 分钟完成 Figma 界面汉化 FigmaCN 中文插件安装教程3 分钟完成 Figma 界面汉化【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN第一次打开 Figma 做设计时很多设计师会停下来数一数界面上有多少个不认识的词顶部的 File、Edit左侧的 Layers右边的 Prototype。语言隔阂会实实在在地拖慢操作节奏。FigmaCN 就是一个 Figma 中文插件专门做界面汉化安装后刷新页面菜单栏、图层面板、属性栏就会显示成中文。目前版本为 1.8.0词库收录 4383 条经设计师人工校验的术语。汉化背后的三个机制监听页面变化。插件基于 MutationObserver 监听页面上新增和变化的节点菜单弹出、面板展开这些动作发生后新出现的英文文本会被立即匹配替换不需要手动触发刷新。人工校验的词库。4383 条术语按英文原文 → 中文译文成对存储在 translations.json 中由设计师逐条校验过保证 Component 这类词翻译成行业通用的组件而不是机器直译。跳过规则防止误翻。代码编辑器、变量名称区域、正在编辑的文本框会被明确跳过。你写的代码关键字、正在输入的评论不会被动到。快速上手从浏览器商店安装Chrome、Edge 等 Chromium 内核浏览器用户推荐走商店整个过程 5 步以内打开 Chrome 网上应用店或 Edge 扩展商店搜索 FigmaCN。在结果中找到 FigmaCN 条目并进入。点击添加至 ChromeEdge 为获取。安装时若弹出新标签页那是插件的官网页关掉即可。打开或刷新 figma.com 页面。装完先验证是否生效看顶部菜单 File 是否变成文件左侧 Layers 是否变成图层右侧 Properties 是否变成属性。三处都变中文说明汉化已经工作。不方便走商店的备选方式Firefox 商店版在 Firefox 附加组件社区搜索安装油猴脚本版装好 Tampermonkey 后添加脚本即可手动安装则下载扩展包解压后在扩展管理页开启开发者模式点加载已解压的扩展程序并选择解压目录Edge 的入口在左下角开发人员模式。也可以从仓库获取源码自行加载git clone https://gitcode.com/gh_mirrors/fi/figmaCN安装后界面上能看到的变化英文原文中文译文File / Edit / View文件 / 编辑 / 查看Layers图层Prototype原型Properties属性Export导出Close关闭Main menu · 2 members主菜单 · 2 位成员最后一条是带变量的完整句子译文会保留数字本身。值得留意的三个细节词库规模与校验方式4383 条术语全部由设计师人工校验覆盖菜单、面板、对话框等高频界面文本。哪些地方不会被翻译代码编辑器、变量名称输入区、用户正在编辑的可编辑区域属于刻意跳过的范围。看到变量名保持英文是正确行为。资源占用翻译在浏览器本地完成不调用外部翻译接口。词库文件约 244KB加载进内存后占用很小对页面性能没有可感知的影响。常见问题装完没有任何反应确认访问的是 figma.com 域名含任意子域名插件只在这些域名上运行。装完必须刷新一次 Figma 页面。若仍无效果到扩展管理页检查 FigmaCN 是否处于启用状态。为什么部分界面还是英文词库只覆盖已收录的词条未命中的地方保持英文原文。另外变量名、代码区域是刻意不翻译的属于设计行为。如何切回英文界面在扩展管理页禁用 FigmaCN 后刷新页面即可插件是纯界面层替换禁用即还原。油猴脚本版移除脚本即可。FigmaCN 把 Figma 界面汉化做到了可直接上手的程度装、刷新、用中文设计。项目源码和 4383 条翻译词条均在开源仓库中词条文件是纯 JSON 格式想核对某个词的译法打开即可查阅。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表