ARTICLE DETAIL

资讯详情

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

FigmaCN:Figma界面汉化插件安装教程,4000+人工校验词条,3分钟装好

FigmaCN:Figma界面汉化插件安装教程,4000+人工校验词条,3分钟装好 FigmaCNFigma界面汉化插件安装教程4000人工校验词条3分钟装好【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCNFigmaCN 是一款 Figma 界面汉化插件把全英文的 Figma 界面替换成中文内置 4000 条由设计师人工校验的词条按本文步骤操作3 分钟内装完。 3分钟装好FigmaCN两条路径选一条这一节解决从哪条路上手的问题主路线能拿到最新版本备路线给不想碰命令行的你。主路线手动加载源码6步把仓库克隆到本地git clone https://gitcode.com/gh_mirrors/fi/figmaCN打开扩展管理页Chrome 输入chrome://extensionsEdge 输入edge://extensions。打开右上角开发者模式开关。点击加载已解压的扩展程序。选择 figmaCN 文件夹里的src目录。刷新 Figma 页面即生效。备路线下载插件安装包3步从项目 Release 页面下载对应浏览器的压缩包。解压到本地文件夹。在扩展管理页点加载已解压的扩展程序选中该文件夹。另外两条路各一句话Chrome、Edge、Firefox 商店里直接搜 FigmaCN添加后刷新即可不想装浏览器扩展的话装 Tampermonkey 或 Violentmonkey在脚本商店搜 FigmaCN 装油猴脚本版。 Figma界面汉化装完后它替你做什么四行说清装完后的价值留着之前可以先对一下你更需要哪一条用 4000 条人工校验词条翻译整个 Figma 界面 → 向同事解释 Component、Prototype、Auto Layout 这些术语时不用先翻一遍Figma 界面元素变化时自动检测并实时替换 → 干活时不用切到别的翻译工具除正文外data-label、placeholder、aria-label 等属性也一并翻译 → 漏网的英文变少本地运行内存约 8~12MB启动低于 100ms → 不拖慢设计流程几个快捷键能配合着用CtrlR刷新翻译macOS 用CmdRCtrlShiftR强制刷新、清缓存重新翻译CtrlTab切换工作区中文界面下更直观。 原理一句话词条文件在哪改这节先把技术机制压成两句话再告诉你自定义要动哪个文件。机制是用 MutationObserver 实时监听页面变化Figma 界面元素一变就对照 src/js/translations.json 里的词条替换文本匹配分三档——整句精确匹配、带变量的文本走通配符如· {} members→· {1} 位成员外加属性翻译。扩展配置在 src/manifest.json脚本只注入 Figma 页面。团队有译错的词、或想覆盖默认译法直接打开 src/js/translations.json 添加每条词条是英文原文、中文译文一对[ [design system, 设计系统], [user flow, 用户流程], [wireframe, 线框图] ] 常见坑速查没汉化、漏翻译、译错装完最常撞的三类问题在表里先自查再提单现象处理装完界面没汉化确认插件已启用、Figma 页面完全加载CtrlShiftR强制刷新并看控制台有无报错部分界面仍显示英文多为 Figma 更新了界面元素而词条未跟上或缓存未刷新强制刷新、清缓存等插件更新或手动同步词条发现译错或有改进建议对照项目现有词条提交改进建议或参与词条校对 装前对照兼容性与性能数据一览环境不达标就不用装了下面数字均为装完后的稳态值项目数据系统Windows 10/11、macOS 10.15、Linux浏览器Chrome 88、Edge 88、Firefox 85Brave、Opera 等 Chromium 系同样流畅Figma 版本所有当前及未来版本内存约 8~12MB和一个普通标签页相当CPU小于 1%启动时间低于 100ms页面加载无感知延迟翻译准确率99.5%安全不收集任何数据翻译全部本地完成基于 MIT 协议开源代码可审查发现译错或想参与进去直接去项目提 issue核心替换逻辑在 src/js/content.js读一遍能摸清整个替换流程。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表