FigmaCN Figma 汉化插件安装指南三步搞定【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCNFigmaCN 是一款中文 Figma 汉化插件把 Figma 界面的英文替换成中文装完刷新页面即可生效。如果你不想再对着英文菜单猜功能名这篇用得上。项目速览FigmaCN 给谁用它是 Figma 网页版的浏览器扩展术语由设计师人工翻译校验只在 figma.com 域名下生效不影响其他网站。适用人群核心功能上手成本难度平台日常用 Figma 的设计师及产品、前端同学把 Figma 菜单、面板、弹窗实时换成中文3 步几分钟入门无需编码Chrome / Edge / Firefox快速上手Figma 中文插件安装步骤获取插件文件。打开终端Windows 用 CMD 或 PowerShellMac 用终端App执行git clone https://gitcode.com/gh_mirrors/fi/figmaCN做完后你应看到电脑里多了一个figmaCN文件夹其中包含src目录。加载扩展程序。Chrome地址栏输入chrome://extensions打开右上角开发者模式点加载已解压的扩展程序选择figmaCN项目下的src目录即包含manifest.json的那一层。Edge访问edge://extensions打开左下角开发人员模式点加载解压缩的扩展选择同一个src目录。Firefox访问about:debugging点此 Firefox→临时载入附加组件选择src目录里的manifest.json。 做完后你应看到扩展列表里出现 FigmaCN 卡片并带有图标。强制刷新 Figma 页面。回到 Figma 页面按CtrlShiftRMac 为CmdShiftR。做完后你应看到菜单、属性面板、右键菜单全部变成中文浏览器工具栏出现 FigmaCN 图标。 上手后的实战场景场景查看设计文件——不再猜属性面板术语打开文件时右侧属性面板的 Auto Layout、Constraints 等术语直接显示自动布局约束对照参数时不用在脑子里翻英文名词。词条用的是设计行业惯用的中文叫法和国内团队协作的说法一致。场景新同事入职——按中文名自己找功能新人第一天打开 Figma就能按组件原型版本历史团队组件库这些中文名直接定位功能你不必在旁边逐个解释这个叫组件、那个是自动布局。场景交付给前端——代码和变量不被误改插件会做智能过滤Dev 模式代码区里的export、import等关键字不会被翻译变量设置面板里你自己命名的变量原样保留评论、标注输入框里的文字也不会被改动交付时可以直接用。原理速览它如何实时汉化 Figma 界面Figma 页面内容时刻在刷新FigmaCN 在页面里挂了一个 MutationObserver网页内容变化监听器任何文字出现或变化时它就在 src/js/translations.json 里查词条4000 多行覆盖菜单、弹窗、提示语命中即替换为中文。可以理解为给页面入口安排了一位同声传译新句子一出现就即刻译出不需要你手动刷新。匹配与跳过逻辑在 src/js/content.js 里过滤规则也都能在这里找到对应实现。出问题先看这里症状可能原因解决办法刷新后界面仍是英文扩展未启用或加载时选错目录到扩展管理页确认 FigmaCN 已启用并点刷新加载时要选包含manifest.json的那一层即src目录个别菜单仍是英文Figma 更新了新文案词条还没跟上在项目目录执行git pull拉取最新词条再刷新扩展工具栏没图标、完全不生效装完没强制刷新页面按CtrlShiftRMac 为CmdShiftR强制刷新 Figma 页面输入的文字被改动极少见多为词条误匹配刷新页面可恢复并把现象反馈给项目维护者跟进进阶按你的需求改一改 Figma 中文词条全部词条都在 src/js/translations.json 里一行一条格式是[英文, 中文]。比如团队习惯把某个流程叫用户流程加一行[user flow, 用户流程]保存后到扩展管理页点一下刷新按钮下次打开 Figma 就是你的专属词库。装好之后Figma 的菜单、面板、提示语都是中文英文门槛没了。首次用git clone https://gitcode.com/gh_mirrors/fi/figmaCN获取插件以后git pull即可更新词条觉得好用记得给项目点个 star。【免费下载链接】figmaCN中文 Figma 插件设计师人工翻译校验项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考