尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

FigmaCN:三步把 Figma 界面变全中文,4300+ 条术语经设计师人工校验

FigmaCN:三步把 Figma 界面变全中文,4300+ 条术语经设计师人工校验 FigmaCN三步把 Figma 界面变全中文4300 条术语经设计师人工校验【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN打开 Figma 找一个设置往往要先在脑子里把 “Auto Layout” 翻一遍才敢点原型测试时弹出的报错提示更得逐词解码才能看懂。FigmaCN是一个 Figma 界面汉化插件它实时把 Figma 的英文界面文字换成中文词条由设计师人工翻译并逐条校验目前收录4300 余条。安装只需三步下一次刷新页面整个界面就是中文的。这个 Figma 中文插件是做什么的FigmaCN 是一个只在 figma.com 域名下生效的浏览器扩展它只做一件事把你在 Figma 里看到的英文界面文字——菜单、工具栏、属性面板、对话框、悬停提示——查本地词库并替换成中文。它不是机器翻译所有词条都经过设计师人工校对用词贴合中文设计团队的日常表达。对刚接触 Figma 的人或者希望团队界面语言统一的设计组来说它直接把最大的语言门槛拆掉了。三步装好 Figma 中文界面最短路径是直接装浏览器商店里的扩展。第一步在 Chrome 网上应用商店搜索 “FigmaCN”点击「添加至 Chrome」Edge 加载项商店、Firefox 附加组件社区同样收录按名称搜索即可。第二步安装完成后刷新已打开的 Figma 页面不需要任何额外配置。第三步验证效果菜单栏、左侧工具栏、右侧属性面板应该全部变成中文。如果你不想装扩展油猴脚本版可以完成同样的事想动手折腾的话执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN拿到源码再在浏览器扩展管理页开启「开发者模式」加载已解压的扩展即可两条路都能在一分钟内走完。装完之后你的 Figma 长什么样先看变化原型标签不再是需要你猜的 “Prototype”分享对话框里的 “Copy link” 变成了「复制链接」工具按钮上的悬停提示也全是中文。更值得注意的是动态文本——像「第 2 步共 5 步」这类带数字的提示会按中文语序翻译而不是机械地逐词对换读起来像 Figma 本来就说中文。插件同时清楚自己的边界画布上的设计内容、你敲进评论里的文字、代码编辑器里的代码、变量名都保持原样不动。翻译只作用于“界面文字”不碰“你的内容”这一点在使用中会一直让你放心。原理它怎么认出英文再换成中文拆开来看整个流程由三步组成都在毫秒级完成。启动时它先把翻译词库整体读入内存。数据文件里的每条记录是一对「英文原文 中文译文」长这样[Copy link, 复制链接], [Step {} of {}, 第 {1} 步共 {2} 步]带{}占位符的是「模式词条」专门处理含变量的句子译文里的{1}、{2}标记捕获值该放的位置还能顺便调整语序。其次它在页面上挂了一个“监视器”技术上叫 MutationObserver即 DOM 变化观察者任何新出现的文本或提示类属性都会即时查词库替换。替换前它还会先过滤掉不该动的区域——代码编辑器、输入框、变量名区域——避免代码里的关键字被误改。进阶用法与常见问题想改某个词条的说法打开扩展目录中的翻译数据文件js/translations.json找到对应的英文词条把中文改成你想要的说法重新加载扩展即生效。缺词条时也可以按同样的格式补一条进去。会不会误改我的评论和设计稿不会。翻译范围限定在界面文字评论、文本图层里你输入的内容不在处理范围内。团队里怎么统一术语成员都装上同一个扩展大家看到的界面自然一致如果团队有自己的内部叫法改一次词库就能全组同步。会不会拖慢 Figma翻译是本地词库查询毫秒级完成对页面操作和画布帧率没有可感知的负担。把 Figma 中文界面用起来FigmaCN 当前版本为 1.8.0覆盖 Chromium 系浏览器Firefox 和油猴脚本版本同样可用。它带来的价值很直白你不再需要为界面多花一秒翻译。现在就去做吧——打开你浏览器的扩展商店搜索FigmaCN安装刷新 Figma 页面从下一次点击开始用中文设计。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表