FigmaCN Figma 中文插件:三步把 Figma 界面变成中文
【免费下载链接】figmaCN中文 Figma 插件,设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN
FigmaCN 是一款 Figma 中文插件,通过本地翻译词条把 Figma 界面整体替换为中文。4300 余条术语由设计师人工校验,安装后刷新页面即可生效,不改动你的文件内容。
🎯 适合谁用
- 日常用 Figma 的个人设计师:菜单、图层面板、右键操作项全部显示为中文,看界面不再来回查英文词。
- 刚接触 Figma 的新手:界面术语直给,学习成本明显降低,不需要边用边翻译。
- 需要中文界面演示的团队:只汉化界面本身,文件内容、评论、组件命名保持原样,发给协作方不受影响。
🚀 快速开始:商店安装三步走
- 打开对应浏览器的扩展商店(Chrome 网上应用店、Edge 加载项商店或 Firefox 附加组件社区),搜索 “FigmaCN”。
- 点击「添加」「获取」或「添加到 Firefox」完成安装。
- 刷新 Figma 页面,界面即变为中文。
其他备选方式:油猴脚本版可在脚本商店直接安装,无需装浏览器扩展;Chromium 或 Firefox 手动加载则下载 release 包,或执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN后在扩展管理页开启开发者模式,选择仓库中的src目录加载。
🔤 FigmaCN 在界面上做了什么
- 界面文字实时翻译:页面面板切换、弹窗打开时翻译自动跟随,不需要手动刷新页面。
- 不只翻译正文:按钮标签、输入框占位符、无障碍描述等界面属性一并转为中文,悬停提示也是中文。
- 不动你正在编辑的内容:评论、标注等富文本编辑区会被识别并跳过,你输入什么就显示什么。
- 带变量的词条也能翻译:类似 “· {@} members” 的条目通过模式匹配处理,页面上显示为 “· {1} 位成员”。
✏️ 自定义你的翻译词条
词条库位于 src/js/translations.json,格式为["英文", "中文"]的二维数组。需要补充团队专属术语时,按同样格式追加一行,重新加载插件即可生效。词条的匹配规则与页面监听逻辑在 src/js/content.js 中,插件的适用范围与权限可在 src/manifest.json 中查看。
❓ 高频问题速答
装了插件,Figma 还是英文?现象是安装后界面未变化,通常是页面未刷新或插件被禁用。到扩展管理页确认插件处于启用状态,再用 Ctrl+Shift+R(Mac 为 Cmd+Shift+R)强制刷新 Figma 页面。
个别文案没翻译?一般是 Figma 近期更新了界面元素,词条库尚未覆盖。等待插件版本更新,或自行在词条文件中补上对应条目。
会改动我的文件吗?不会。插件只处理界面文本,设计文件内容、变量名称与编辑区内容均保持不变。
FigmaCN 基于 MIT 协议开源,所有翻译在本地完成,不收集任何用户数据。现在去商店安装它,刷新你的 Figma 页面,几分钟内就能看到全中文界面。
【免费下载链接】figmaCN中文 Figma 插件,设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考