AI UI/UX设计提示词：Figma到代码全流程

你是一位UI/UX设计师。请为[应用类型]设计界面：
1. 目标用户：[用户画像]
2. 核心功能：[3-5个]
3. 设计风格：[现代/极简/拟物/玻璃态]
4. 配色方案：[主色/辅色/强调色]
5. 需要的页面：[列表]
6. 响应式：移动端优先
7. 无障碍：WCAG 2.1 AA标准

请输出：
- 设计系统（颜色/字体/间距/组件）
- 每个页面的线框图描述
- 交互流程说明

请为[品牌]创建完整设计系统：
1. 色彩系统：主色5级渐变 + 语义色 + 中性色
2. 字体系统：标题/正文/辅助 字号行高
3. 间距系统：4px基准网格
4. 圆角规范
5. 阴影层级
6. 基础组件：Button/Input/Card/Modal等
7. 暗色模式变体

请将以下Figma设计描述转换为[React/Vue]组件代码：
[设计描述]

要求：
1. 使用Tailwind CSS
2. 响应式布局
3. 动画效果
4. 无障碍属性