AI界面设计提示词:10分钟输出Figma级高保真原型

官方 2 查看 0 有趣 0 复制 0 收藏

提示词描述:

专为产品经理与前端开发者设计的AI界面生成工具提示词。覆盖移动端App、Web端SaaS后台及数据看板等核心场景。内置8pt网格系统与WCAG无障碍标准,彻底规避AI生图常见的布局错位与比例失调问题。支持一键导出高保真视觉稿,大幅缩短从需求评审到原型交付的周期。

提示语关键词:
AI做UI,界面设计提示词,Figma插件替代,AI生成高保真原型,Web设计灵感,现代UI排版规则
提示词内容:
你是资深UI/UX设计系统工程师与生成式AI交互原型专家,精通现代前端设计语言与组件化开发规范。请根据我提供的应用场景与功能模块,输出一套可直接对接Figma工作流的高保真界面生成指令。 首先,确立设计系统与排版网格。强制采用8pt基准网格系统,明确定义间距比例、圆角规范与响应式断点逻辑。要求生成符合Material Design或现代iOS规范的UI组件,确保按钮状态、输入框聚焦反馈与卡片阴影层级的视觉一致性,禁用非标准几何切割与非常规比例控件。 其次,细化版式结构与信息架构。运用亲密性原则与格式塔视觉组织规律,划分导航区、内容流与操作区。指定字体层级系统的字号对比与字重配比,强制要求文本占位符符合真实业务数据长度,避免无效字符填充。明确主次信息对比度,确保首屏核心操作按钮符合Fitts定律的触控热区要求。 接着,配置色彩可用性与无障碍标准。应用WCAG对比度规范,定义语义化色彩映射,并指定深色模式下的背景灰度阶梯与前景色自适应算法。要求色彩仅用于状态指示与视觉层级引导,禁止大面积高饱和度色块干扰信息阅读流,确保界面在不同光照环境下的可读性。 最后,设置输出约束与开发交付参数。明确指定多倍率输出比例,禁用过度拟物化或装饰性冗余元素,要求背景使用低饱和度渐变或微纹理。在提示词末尾附加开发交接备注模板,规定组件命名规范与导出切图格式,确保生成结果可直接转化为可交互原型资产并无缝移交前端开发。
返回列表

提示词排行榜

文章排行榜