视觉导航 · 设计语言工作台Max 江的 Design MD  TEL/WX: 13428703705
使用引导 · 四种用法从最省事到最进阶
① 整套吸收(最快)
1. 点任意品牌卡片,进入详情弹层
2. 滚到弹层底部,点「整套搬用此规范」
3. 切到「我的方案」Tab,查看一键填满结果
② DIY 自选
1. 点品牌卡片进详情
2. 在色块 / 字阶 / 组件 / 规格旁点「+」逐项加入
3. 也可去「对比工作台」横排对比 3 家后选取
③ 导入微调
1. 去「我的方案」Tab,点「导入设计规范」
2. 粘贴文本或上传 .md 文件,自动解析填槽
3. 在方案里用色彩 picker 微调颜色
④ 产出下载
1. 填完方案后,去底部「产出」区
2. 点「生成完整方案 HTML」,在页内预览
3. 点「下载 .html」或「下载 .md」存档即完成
① 选择对比板块
组件类(真实渲染对比)
规范类(数值 / 样例并排)
② 选择品牌(最多 3 家

方案元素

实时预览(用你选的真组件拼合 · 分 6 篇章)

产出 · 生成完整设计规范

导入设计规范

支持 YAML frontmatter 格式(voltagent 标杆)与结构化 Markdown 格式,自动解析颜色/字体/圆角/间距等 token 填入当前方案。

点击选择 .md 文件

或拖放到此区域

已有同类项不会被清除,可手动删除冲突项
放大预览

确认清空方案?

清空后无法撤销,所有 个元素将全部移除。

这个颜色用作?