Momo
Tokens Dashboard
with momo
AI 助手 AI Assistant
颜色模式 Color mode
Tokens Dashboard with momo
配色 字体 组件 间距 尺寸 圆角 描边 阴影 其他数值 ● 未保存
📤 导出
🗂 集合
🎨 品牌色
Hero Banner 颜色

01 / 配色方案

Color Palette


02 / 字体规范

Typography


03 / 组件预览 范例

Component Preview


04 / 间距系统 变量

Spacing System


05 / 尺寸规范 变量

Sizing System


06 / 圆角规范 变量

Corner Radius


07 / 描边粗细 变量

Stroke Width


08 / 层次与阴影 样式

Elevation & Shadow


其他数值 变量

Other Values

💡 分类仅影响此工具的显示,不影响 Figma 变量结构。 若需在 Figma 中重新分组,请同时修改 token 名称路径(如将 布局(Layout)/行间距 重命名为 间距(Spacing)/行间距),导出后 Figma 才会识别新的分组。
Tokens Dashboard with momo v4.82 · © 2026
组织设置
AI 模型设定

设定 OpenAI 相容 API 的连接资讯,支援 Gemini、OpenAI、本地模型等。

留空使用预设 Gemini endpoint
Gemini 免費 Key:Google AI Studio →
例:gemini-2.0-flash、gpt-4o、llama3
Tokens Dashboard with momo
Figma Plugin — v1.10.167 · Design Token Sync
⬇️ 下载插件
tokens-dashboard-with-momo-plugin-v1.10.167.zip
包含 code.js · ui.html · manifest.json · icon.svg
下载 →
🛠️ 安装方法
1
解压 ZIP,得到 code.js、ui.html、manifest.json 等文件,放在同一个文件夹
2
打开 Figma Desktop App(网页版不支持开发插件)
3
Figma 菜单 → Plugins → Development → Import plugin from manifest…
4
选择刚才文件夹里的 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
💡 注意:这是开发版插件,需要 Figma Desktop App 安装。更新时重新下载 ZIP 并重新执行步骤 3–4 即可(覆盖原有文件夹)。
📋 项目架构说明书

AI 每次回答前会先读取此说明书,了解命名规范和约束后再执行操作

创建新项目
内置设计系统模板
导入已有设计系统
📂
导入 JSON
文件或粘贴
✦
导入 DESIGN.md
AI 转 Token
📂

拖放 JSON 文件,或

Import Compatibility: Variables & Styles Extractor v2.0+ · Tokens Dashboard with momo v3.65
📁 PREVIEW
编辑 Token
%
px
字号 px
行高 px
样式名称
阴影参数
X px
Y px
模糊 px
扩散 px
颜色
透明 %
多层或复杂阴影,请直接编辑 CSS(与 Figma 导出一致)。
新增 Token
名称
%
px
字号 px
行高 px
偏移 X px
偏移 Y px
模糊 px
扩散 px
颜色
不透明度 %
高级 · 原始 CSS(多段阴影等)