MasterGo AI：快速生成网页设计图AI工具
南京/UI设计师/248天前/39浏览
版权
MasterGo AI：快速生成网页设计图AI工具
MasterGo AI 是一款网页在线设计工具，融合了
AI + 设计系统
，能够根据网页产品描述快速生成网页设计图。它为产品经理、设计师和开发团队提供了从概念到产品的完整解决方案，显著提升设计效率、激发创意灵感、优化设计流程并促进团队协作。
本文将带你全面了解如何使用 MasterGo AI 工具快速生成 UI 设计图，让设计和开发更高效！
1. 新建文件
- 点击 MasterGo 主页，登录或注册账号。
- 点击页面右上角“新建文件”，创建一个新的设计文件
2. 启用 AI 功能
- 在页面顶部工具栏中，点击AI 图标，展开下拉菜单。
- 选择“AI 生成界面”选项，进入AI生成页面。
3. 输入需求描述
- 根据需求选择网页版或移动端模式。
- 输入网页需求描述，并根据需要调整主题颜色、圆角样式、模式（亮/暗色）等。
案例一： 设计一个售卖健身器材 APP
1. 需求描述：
设计一个售卖健身器材 APP：
- 顶部含搜索栏、购物车图标和 Logo ;
- 首页展示促销轮播图、分类导航（如跑步机、哑铃等）和热门产品网格卡片（包含图片、名称、价格、评分、“加入购物车”按钮）;
- 支持价格、品类、评分和促销商品的智能筛选功能 ;
- 底部固定导航栏提供：首页、分类、购物车、个人中心等功能入口。
2. 设置颜色：
- 输入主题色代码：#FA2549
3. 生成网页设计图：
- 在输入框中填写完页面描述后按回车键，然后等待10秒左右，AI会帮我们生成详情的页面描述，确定需求后，点击“开始生成”按钮，即可生成网页设计图 ;
- 若生成结果不满意，可调整描述，例如“将整体文字放大 1.5 倍”或“优化间距”。
注
：生成好的页面，可以点击下方的
插入到画布
按钮，进入画布页，会显示页面图层信息，可再次进行编辑
4. 生成商品详情页
- 在左侧菜单栏中，点击复制图标，将页面复制并重命名为“商品详情页”。复制后的页面将保留原页面的生成记录，你可以在此基础上继续编辑 ;
- 输入提示词“生成跑步机商品详情页”，然后按回车键重新生成商品详情页。
作者：岁月宁静
链接：https://juejin.cn/post/7441231092226572307
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
0
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
You may like
相关收藏夹
Log in
推荐Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share