返回 Prompt 库
(Prompt) 来控制用户界面 (Ui)。 27. 产品原型进化 - En
Curated image-generation prompt for (prompt) 来控制用户界面 (ui)。 27. 产品原型进化 - en.

Prompt
(prompt) 来控制用户界面 (UI)。
27. 产品原型进化
- EN: "Prototype" starts at wireframes, moves to hi-fi, and ends as a working interactive app.
- CN: “原型”(Prototype) 功能带你走完产品设计的全流程:从简单的线框图开始,进化到高保真设计图,最终变成一个真正能点、能用的交互式应用。
28. 生成演讲稿
- EN: Turn on speaker notes when creating decks to get a full presenter script.
- CN: 让 AI 帮你制作幻灯片 (decks) 时,记得打开“演讲者备注”(speaker notes),这样你就能直接获得一份完整的演讲稿。
29. 沉淀工作流
- EN: Ask Claude to "save this as a template" — it packages the workflow for reuse.
- CN: 告诉 Claude“把这个保存为模板”——它就会把这套工作流 (workflow) 打包,方便你下次直接复用。
30. 多格式导出
- EN: The Share menu lets you export as PPTX, PDF, or a folder to give to Claude Code.
- CN: 通过“分享”(Share) 菜单,你可以把作品导出为 PPTX、PDF,或者打包成一个文件夹交给 Claude Code(Anthropic 推出的面向开发者的命令行 AI 编程助手)。
31. 无缝对接开发
- EN: "Handoff to Claude Code" creates a dev-ready package with specs and structure. Download it, then tell Claude Code "create this design."
- CN: “移交至 Claude Code”(Handoff to Claude Code) 功能会为你生成一个包含规范和结构的“开发就绪”数据包。下载它,然后直接告诉 Claude Code:“帮我把这个设计写成代码。”
32. 切换模型大脑
- EN: Use the Gear next to the Send button to change model.
- CN: 点击发送按钮旁边的齿轮图标,即可随时切换不同的大语言模型 (LLM)。
33. 原型内嵌 API
- EN: Claude can call the Claude API from inside your prototypes. No backend needed.
- CN: Claude 甚至可以直接在你的产品原型中调用 Claude API(应用程序编程接口,相当于连接 AI 大脑的通道)。完全不需要写任何后端代码!
34. 网页语音交互
- EN: Ask Claude to use the Web Speech API for interactive voice input and output.
- CN: 试试让 Claude 调用 Web Speech API(浏览器内置的语音合成与识别接口),让你的网页直接实现可以对话的语音输入与输出。
35. 手绘草图
- EN: The napkin sketch tool lets you draw freehand — great for rough layouts.
- CN: “餐巾纸草图”(napkin sketch) 工具允许你随心所欲地手绘涂鸦——非常适合用来勾勒粗略的排版布局。
36. 捕获真实网页
- EN: Import → Web Capture lets you copy elements from real web pages and paste them to Claude.
- CN: 使用“导入”→“网页捕获”(Web Capture),你可以直接从真实的网页上复制元素,然后原封不动地粘贴给 Claude。
如何使用这个 Prompt
- 用上方的复制按钮复制完整提示词。
- 把方括号 [ ] 里的占位内容替换成你自己的主体、场景或细节。
- 粘贴到 Gemini / Nano Banana Pro 生成,或直接点上面的「试试这个 Prompt」在本站免费生成,再对照示例图微调用词。
风格说明
- Illustration
- 手绘或数字绘画审美:可见笔触、造型和色彩风格化,有意与照片写实拉开距离。
- Social Media Post
- 为社交信息流(Instagram、X、小红书)优化的构图与画幅:主体突出、预留文案位置、配色在小屏幕上依然醒目。
- Marketing Campaign
- 广告级画面:产品或信息层级清晰,为文案和 Logo 预留空间,整体呈现商业化的精修质感。
- Blog Illustration
- 文章配图风格:概念隐喻清晰、配色亲和、留白充足,适合放在标题旁。
常见问题
这个 Prompt 怎么在 Gemini(Nano Banana Pro)里使用?
点击上方的复制按钮拿到完整提示词,粘贴到 Gemini 或任何支持 Nano Banana Pro 的工具里,再对照本页示例图检查效果。也可以直接点「试试这个 Prompt」在本站生成——每天有免费次数,无需注册。
可以修改「(Prompt) 来控制用户界面 (Ui)。 27. 产品原型进化 - En」这个提示词吗?
可以。方括号 [ ] 里的内容是占位参数,本来就应该替换成你自己的主体或细节;主体、光线、风格关键词也都可以自由调整,措辞上的小改动往往带来明显不同的结果。
这个提示词适用于哪些 AI 模型?
它最初是为 Google 的 Gemini 图像模型(含 Nano Banana Pro)分享的。大多数文生图模型也能理解,但构图和文字渲染质量会因模型而异。





