设计系统
Design System
📖 定义
一套完整的设计规范、组件库和开发工具,确保产品视觉和交互的一致性
🤖 AI 提示词示例
创建一个完整的设计系统,包含主色调、辅助色、字体层级、间距系统和常用组件库
💡 提示：将此提示词复制到 AI 工具(如 v0、ChatGPT、Claude)中,快速生成相应的设计或代码
⚡ 交互示例
设计系统预览：
色彩系统
Primary
Secondary
Success
Error
Warning
字体系统
Heading 1
Heading 2
Heading 3
Body Text
Caption Text
间距系统
4px
8px
16px
32px
组件库
徽章
💡 使用场景
这是一个常用的UI/UX设计元素,在现代Web应用中广泛使用。