Design System · Markdown

用表单生成 AI 设计规范

填写颜色、排版、间距与组件规则,实时预览并导出 CLAUDE.md 风格的结构化提示词,可保存到云端并生成分享链接。

开始编辑 →

开箱模板

从预设一键载入,再在编辑器中微调

Google Material Design 3
Dynamic Color、M3 令牌体系、Roboto、圆角组件
Apple HIG (iOS/iPadOS)
SF Pro、动态字号、系统色板、安全区适配
Microsoft Fluent 2
Segoe UI、4px 栅格、流畅动效、层级阴影
NVIDIA 企业科技
NVIDIA Green、暗色主题、数据可视化、技术感
Tesla 极简未来
极致留白、无衬线、低饱和、大字体排版
Amazon 电商务实
Amazon Orange、高信息密度、清晰 CTA、务实高效
iOS App(清新系)
蓝白主色、SF 体系、8pt 栅格
SaaS Dashboard(专业系)
深蓝灰、数据后台、Inter
内容类 App(温暖系)
暖绿主色、阅读友好

我的模板

加载中…

可视化参数
色板、字号阶梯、间距尺度与组件规则分区编辑
双模式预览
可视化看板与 Markdown 源码一键复制
云端与分享
Supabase 保存、历史记录与公开分享页