mastergo ai 不提供独立分页控件指令,但能根据明确的分页场景描述(如“商品列表页,每页12项,底部居中圆角页码导航”)在生成整页原型时自动布局标准分页栏,并支持响应式适配与后期编辑。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 本身不直接提供“分页控件”这类底层 UI 组件的独立生成指令,但它能通过自然语言描述+上下文理解,在生成整页原型时自动布局并插入符合逻辑的分页组件,前提是你的提示词明确表达了分页需求。
关键不是找“分页控件按钮”,而是让 AI 理解你正在设计一个需要翻页浏览的界面(比如商品列表、文章列表、后台数据表格等),它会主动在底部或合适位置生成一组带数字/箭头的可编辑分页栏。
怎么写提示词,让 AI 自动生成带分页的原型?
重点是把“分页”作为页面功能的一部分来描述,而不是单独提组件名:
- 写清场景:例如“商品列表页,每页显示12个商品,需支持上一页/下一页和页码跳转”
- 说明位置与样式倾向:例如“分页控件放在列表下方居中,使用圆角小按钮,当前页高亮为蓝色”
- 关联交互意图:例如“用户点击页码可切换数据,支持‘共XX页’文字提示”
- 避免模糊表达:不写“加个分页”,而写“底部添加标准分页导航,含首页、上一页、123…、下一页、末页”
生成后如何快速调整分页样式?
AI 生成的分页通常是矢量组或文本+矩形组合,可直接在画布中编辑:
- 选中整个分页区域 → 右键「取消编组」→ 单独调整按钮大小、颜色、间距
- 双击页码文字 → 修改数字、字体、对齐方式
- 拖拽按钮 → 调整排列顺序或增加/删除页码项
- 用「自动布局」功能包裹页码组 → 实现响应式间距,适配不同页数
进阶技巧:让分页适配不同设备
如果你同时要网页版和移动端原型,可在提示词中分段说明:
- 网页端:“桌面端商品列表页,底部显示完整分页(首页、1-5、…、末页)”
- 移动端:“APP 商品列表页,底部仅保留‘上一页 / 下一页’箭头按钮,居中固定”
- 或者统一写:“响应式商品列表,PC 显示数字分页,手机仅显示左右翻页箭头”
MasterGo AI 会据此生成两套适配布局,自动放入对应画板。
注意避坑点
这些情况容易导致分页没出现或错位:
- 只写“列表页”但没提数量限制或翻页动作 → AI 默认单页展示全部内容
- 提示词里混用术语如“pagination”“page control”等英文 → 中文模型更认“页码”“上一页”“共5页”这类表达
- 未指定容器宽度或列表长度 → 分页可能被压缩成一行小点,不易识别
- 生成后直接导出不检查图层 → 分页元素可能被嵌套在组内,影响后续交互动效制作











