我要投稿
微信搜一搜，关注“大瑜聊AI”
用AI提示词1分钟生成专业原型图，颠覆传统设计流程！ 核心内容： 1. 三步生成AI原型图：功能描述、原型设计、注意事项 2. 主流大模型效果实测对比（Kimi/Claude/Cursor） 3. 完整提示词模板获取方式与AI编程趋势展望
很多人都知道用提示词写文章、写脚本。但是很少人知道用提示词可以生成原型图。
生成的结果图实在是太残暴了，关键是仅仅花费不到1min钟，就可以把你的天马行空想法变成活生生界面实现效果展现在你面前。
简直是太逆天了！不信接着往下看。
譬如说你看到的原型图是这样的：
也可以是这样的：
你以为这是ui用figma或者其他原型工具画的吗？错！其实都是AI提示词生成的。
那么今天大瑜就用简单的步骤告诉你是如何做出一款这样的提示词。
tips：提示词的大部分思路来源于b站博主：熠辉IndieDev，并添加了一些自己的内容。
步骤一：功能描述
其实直接思路就是：描述好你的功能，让大模型明白你是要做什么内容。
步骤二：原型设计
原型设计主要分为五部分：ux分析、产品界面规划、高保真UI设计、风格设定、html原型实现。
我们首先进行ux分析的目的就是为了研究用户行为，设计恰当地流程。
接下来就是产品界面的规划，确定产品的整体形态和主要功能设计。
后面就是进行ui界面的设计思考了。譬如说我们可以选择遵守ios规范、tailwildcss规范、element-ui规范来进行设计。
风格设定，属于在ui设计的基础上进行一些补充，譬如加入高级紫色、绿色小清新等内容，来补充具体的风格。
接下来是原型生成，需要告诉大模型生成大模型采用的技术框架。
最后就是生成的整体交付物了。告诉大模型我们想要什么内容。
步骤三：注意事项
譬如说这里，可以加上一些注意事项：
所有设计和代码实现都需符合现代移动应用的标准，兼顾视觉美观性、技术可行性以及未来的可扩展性。
当然，完整的提示词已经整理好在附件了，只需要根据自己的需求进行微调即可。
私信回复我：原型提示词，我将整个提示词发给您。
至于提示词效果如何，我们看看各个大模型的表现如何：
1、首先登场是kimi最新的k2模型。第一次效果还可以，但是偶尔会抽风，不确定很大，需要多次抽卡。
2、这个是cursor+claude4的效果
这个是trae+claude 的实现效果，
下面这个是完全用calude实现的效果。最后发现原生的效果还能接受。
上面就是我用提示词生成的原型图，虽然称不上最优秀的，但是已经超越了我的预期。
后续借助AI编程的力量，没学习过代码的人也可以做小程序、做ios客户端了。
53AI，企业落地大模型首选服务商
产品：场景落地咨询+大模型应用平台+行业解决方案
承诺：免费场景POC验证，效果验证后签署服务协议。零风险落地应用大模型，已交付160+中大型企业
2025-07-16
Cursor高手用「上下文工程」技巧吊打瞎写prompt的隔壁兄弟
2025-07-16
Prompt Engineering 快速入门+实战案例
2025-07-15
产品思想实验：在 LINX 指导下的高效 Prompt 设计指南
2025-07-14
看完 Cursor 记忆系统提示词，我收获满满！
2025-07-14
使用三种提示词方法，引导AI解决复杂问题
2025-07-14
上下文工程 (Context Engineering) 实战: 从Prompt咒语到Context剧本
2025-07-14
结构化提示词：解锁AI Agent潜力的有效手段
2025-07-13
专业级AI股票分析提示词
2025-05-08
2025-05-08
2025-05-08
2025-05-07
2025-05-19
2025-06-12
2025-05-07
2025-06-27
2025-07-03
2025-04-21
2025-07-08
2025-07-04
2025-06-23
2025-06-14
2025-06-04
2025-06-02
2025-05-17
2025-05-16
回到顶部
粤ICP备17114055号