Tokens Dashboard with momo

AI 助手 AI Assistant

颜色模式 Color mode

配色字体组件间距尺寸圆角描边阴影其他数值 ● 未保存

01 / 配色方案

Color Palette

02 / 字体规范

03 / 组件预览范例

04 / 间距系统变量

05 / 尺寸规范变量

06 / 圆角规范变量

07 / 描边粗细变量

08 / 层次与阴影样式

其他数值变量

💡 分类仅影响此工具的显示，不影响 Figma 变量结构。 若需在 Figma 中重新分组，请同时修改 token 名称路径（如将 布局(Layout)/行间距 重命名为 间距(Spacing)/行间距），导出后 Figma 才会识别新的分组。

Tokens Dashboard with momo

Figma Plugin — v1.10.108 · Design Token Sync

🛠️ 安装方法

解压 ZIP，得到 code.js、ui.html、manifest.json 等文件，放在同一个文件夹

打开 Figma Desktop App（网页版不支持开发插件）

Figma 菜单 → Plugins → Development → Import plugin from manifest…

选择刚才文件夹里的 manifest.json，完成安装

🚀 使用方法

📤 导出 Figma → JSON

在 Figma 打开插件 → 切换「导出」Tab → 点「导出当前 Figma 为 JSON」→ 下载 JSON 文件

📥 导入 JSON → Figma

切换「导入」Tab → 粘贴 JSON 或选择 JSON 文件 → 点「导入变量到文件」

🔄 与 Tokens Dashboard with momo 同步

从 Tokens Dashboard with momo 导出 JSON → 粘贴到插件导入 Tab → 同步更新 Figma Variables & Styles

✏️ AI 改名

切换「AI 改名」Tab → 设定 AI 模型 → 一键批量重命名 Variables & Styles

编辑 Token

新增 Token