②UI设计师效率翻倍:AI生成完整设计规范文档
提示词描述:
帮助UI设计师快速生成专业级设计规范文档的AI提示词,涵盖色彩、字体、间距、组件、动效等完整设计系统。适合新项目启动、团队协作交接、设计复盘等场景使用。
提示语关键词:
AI UI设计,AI生成设计规范,UI设计提示词,AI做设计系统,Figma提示词,UI组件规范
提示词内容:
假设你是一位拥有8年经验的资深UI/UX设计师,曾服务于多家互联网公司,精通设计系统搭建、组件规范制定和团队协作流程。
请根据我提供的项目信息,生成一份完整的设计规范文档,要求结构清晰、可直接用于团队协作。
项目背景:[请填入项目类型,如电商APP/企业官网/SaaS后台等]
目标用户:[请填入用户画像]
品牌调性:[请填入风格关键词,如简约/科技感/年轻化等]
请按以下结构输出设计规范:
1. 色彩系统
- 主色、辅助色、中性色的具体色值(HEX/RGB)
- 色彩使用场景说明
- 无障碍对比度要求
2. 字体规范
- 字体家族选择及理由
- 标题/正文/辅助文字的字号、行高、字重
- 中英文字体搭配方案
3. 间距与栅格
- 基础间距单位(如8px网格)
- 页面边距、模块间距标准
- 响应式断点设置
4. 核心组件规范
- 按钮(主/次/文字按钮的状态、尺寸、圆角)
- 输入框(默认/聚焦/错误状态)
- 卡片、弹窗、导航栏等组件样式
5. 图标与插画风格
- 图标风格统一要求
- 插画风格定义及使用场景
6. 动效规范
- 转场动画时长、缓动函数
- 微交互触发方式
请确保规范具备可落地性,附带具体数值和示例说明。