AI一键生成可编辑的原型图的方法

更新时间：2023-08-18 14:24:03

「即时 AI 」是一个让设计师能够利用人工智能 AI 生成产品原型图的 AI 原型设计工具，它提供了 2 个生成模型，分别是 JS-INNO 和 JS-Ulbotics，针对不同的原型图设计需求和场景，让你只需通过文字描述就能在短短 30 秒内生成原型。改变了传统的原型设计制作方式，使用「即时 AI 」非常简单，只需将你的原型制作要求填写到文本框中，然后点击「生成页面」按钮，你就能在左侧的画布上看到对应的 4 张高保真原型设计图。生成原型图的描述词 Prompt 决定了原型图最终的呈现效果，分别是：概括型和明细型两类。一起来看看这个能让设计师用智能AI生成可编辑的原型图工具——「即时 AI 」吧！

点击图片即可免费使用 AI 生成可编辑的原型图的「即时 AI」👇

1、用「即时 AI」生成可编辑的原型图

使用「即时 AI 」进行创作的步骤如下：

（1）选择生成原型图的模型

在进行 AI 生成之前，需要选择适合的生成模型，即 JS-INNO 或 JS-Ulbotics，根据设计需求和场景进行选择。JS-INNO 模型在创造性设计方面表现出色，内容丰富度高，风格多样，适合需要借助 AI 获得设计灵感和探索多样化页面设计的用户。JS-Ulbotics 模型则在生成速度和应用性设计方面更具优势，它以快速生成、规范的页面布局、统一的组件、图标和字体为特点，用户可以通过简单的二次编辑快速组合页面元素，并产出可用的页面。

点击图片即可免费使用「JS-INNO」或「JS-Ulbotics」2 种模式👇

（2）原型图的文字描述词 Prompt 输入

「即时 AI 」支持自定义输入和随机输入 2 种模式。自定义输入可以根据指南进行创作，而随机输入可以通过点击骰子图标或在文字输入区输入 "/" 来获取文字描述灵感。

ai生成原型图

（3）在编辑区编辑要生成的原型图细节

编辑区提供了多个功能，包括移动查看视图、显示全部界面、显示 / 隐藏样机边框以及删除全部生成结果等。用户可以根据需要进行操作。

（4）二次编辑已生成的原型图

用户可以对生成的结果进行二次编辑，即对生成的页面进行进一步修改和设计。「即时 AI 」保存生成结果和编辑结果的时间为三天，建议保存至即时设计以保留全部历史记录，支持永久编辑。

2、「即时 Al」生成原型图的描述词 Prompt

「即时 AI 」生成原型图的描述词 Prompt 决定了原型图最终的呈现效果，因此在生成原型图的描述词 Prompt 编写时，为了更好地满足你的生成需求，可以使用不同的原型图的描述词 Prompt 结构，分别是：概括型和明细型两类。

（1）概括型原型图的描述词 Prompt 结构

主题描述 + 页面类型

原型图的描述词 Prompt 示例：

学习 APP 课程选择页面，在线课程内容以「编程语言」为主

（2）明细型原型图的描述词 Prompt 结构

明细型描述结构在概括型描述的基础上，对页面中的内容、布局等进行更详细的描述，以获得更可控的生成结果。

原型图的描述词 Prompt 示例：

帮助用户学习制作各种美食的网站。我们将提供用户交互界面，方便用户搜索并获取各种菜谱、烹饪技巧、营养分析等多方面的信息。用户可以在此浏览、搜索并分享美食相关的内容，如菜谱等。项目目标： 1. 打造一个健康、实用、易用的美食学习平台，吸引更多的用户加入，提供更多的价值。 2. 提供优质的美食文章和视频内容，探索各地美食文化背景，分享各类美食技巧。生成网站的推荐页，主页，各个页面。

综上所述，「即时 AI」是一款让设计师能够利用智能 AI 生成可编辑的产品原型图的工具。通过选择「即时 AI」的 JS-INNO 或 JS-Ulbotics 模型，并通过原型图的描述词 Prompt 结构，只需短短 30 秒即可生成高保真原型设计图。「即时 AI」改变了传统的原型设计制作方式，简单易用。设计师只需在文本框中填写原型制作要求，点击生成页面按钮，即可在画布上看到对应的原型图。Prompt 的描述词结构分为概括型和明细型，可根据需求选择适合的结构。