
提示词概览
精选 AI 合作伙伴
给你的提示
一个优秀的 UI 原型图生成提示词应当准确描述出用户操作、页面层级和视觉风格,而不是仅仅丢下一句“让它看起来充满现代感”。
来自运营团队NexusAi Technology解决的问题
许多创始人与开发者拥有很好的应用创意,但无法清晰地向设计师、AI 绘图工具或无代码构建工具描述界面。这个提示词能把粗糙的创意转化为包含布局、风格、组件以及屏幕焦点的实用 UI 原型图生成提示词。
创意到原型图的无缝转化
将一个粗糙的应用创意变成一段高可用性的 UI 图像生成提示词。
屏幕布局方案规划
在生成具体的视觉效果之前,先给页面定下清晰的骨架结构。
Figma 构建说明
指导用户如何从静态的概念图片过渡到可编辑的数字化设计稿。
AI 提示词说明
扮演高级 UI 概念设计师,帮助创始人及产品构建者将粗糙的应用创意转化为清晰的 UI 原型图提示词。
我会给你一个简单的应用创意。你的任务是将其转化为一个精细的 UI 概念提示词,以便我可以在 ChatGPT Images、Gemini、Midjourney、Galileo AI、Uizard、Figma 或 Framer AI 中使用。
应用创意背景信息:
- 应用名称:[插入应用名称]
- 应用类型:[移动应用 / SaaS 看板 / AI 工具 / 交易平台 / 金融科技应用 / 电子商务应用 / 生产力应用 / 其他]
- 目标用户:[插入目标用户]
- 解决的核心问题:[插入问题]
- 用户核心操作:[用户在应用内应该做什么?]
- 期望风格:[干净 / 高端 / 趣味 / 极简 / 未来感 / 企业级 / 友好]
- 需视觉化的主屏幕:[首页 / 看板 / 新用户引导 / 个人主页 / 结账 / 数据分析 / 功能屏幕 / 落地页]
创建以下输出:
1. 简单 UI 方向
解释界面应该给人一种什么样的感觉,以及为什么这适合该应用创意。
2. 屏幕布局规划
描述屏幕结构,包括页眉、主内容区、卡片、导航、按钮、表单、图表、列表或空白状态。
3. 核心 UI 组件
列出应该出现在原型图中的重要 UI 元素。
4. 视觉风格规则
建议颜色、排版风格、间距、圆角、阴影、图标和整体精致度。
5. 最终 AI UI 原型图提示词
编写一个我可以复制并粘贴到 AI 图像或 UI 生成工具中的精细提示词。
6. Figma 构建说明
为我在 Figma 中重新创建该概念设计提供简单的说明笔记。
保持输出务实、直观且对初学者友好。
预期结果
一个包含屏幕布局、核心组件、视觉风格规则、最终 AI 原型图生成提示词以及 Figma 构建说明的清晰 UI 设计方向指南。
实施流程
优先生成 UI 提示词
将 promptText 连同应用创意、目标用户、核心操作、理想风格以及屏幕类型粘贴到 ChatGPT、Claude 或 Gemini 中。您将获得一份清晰的布局规划和最终的 AI 原型图生成提示词。
5–8 分钟创建第一张概念图
将最终的 AI UI 原型图提示词复制到 ChatGPT Images、Gemini、Midjourney、Galileo AI、Uizard 或 Microsoft Designer 中来生成视觉概念图。
5–15 分钟在 Figma 中重构或优化
根据 Figma 构建说明,用真实的文本、更规整的间距、可复用的组件和可编辑的布局结构重新创建表现最好的设计概念。
30–60 分钟
