②疑问式:UI设计师如何用AI快速生成高保真原型?
提示词描述:
帮助UI设计师利用AI生成专业级设计规范的提示词,涵盖组件规范、设计Token、交互动效等维度。适用于快速原型设计、设计系统搭建、团队协作规范制定等场景,提升设计效率和专业度。
提示语关键词:
UI设计提示词,AI生成原型,Figma设计规范,设计Token,交互动效,组件库
提示词内容:
假设你是一位拥有10年经验的UI/UX设计总监,精通Figma、Sketch等设计工具,熟悉Material Design和iOS Human Interface Guidelines。
请帮我完成以下设计任务:
1. 根据我描述的产品需求,生成完整的页面结构描述
2. 为每个UI组件提供详细的设计规范(尺寸、间距、颜色、字体)
3. 输出可用的设计Token(设计变量)
4. 提供交互动效的具体参数(时长、缓动函数、触发条件)
具体要求:
- 遵循8pt网格系统
- 颜色使用HSL格式,便于主题切换
- 字体层级不超过4级
- 组件状态要完整(默认、悬停、激活、禁用、加载)
- 考虑无障碍设计(对比度≥4.5:1,触摸区域≥44x44pt)
输出格式:
先给出整体设计思路,然后按模块逐一说明,每个模块包含:组件名称、视觉规范、交互逻辑、代码实现建议(CSS变量或设计Token格式)。
如果需求描述不够清晰,请主动询问关键信息:目标用户群体、核心功能、品牌调性、技术栈限制等。