三分钟内，不写代码、不调参数，就能把登录页、首页、个人中心这个流程完整搭出来？听起来有点玄乎，但墨刀网页版还真能做到——只要鼠标拖一拖、连一连，一个可点击预览的原型就出来了。

打开网页版并进入空白画布

直接访问 modao.cc，用手机号或邮箱登录就行。免费账号默认进入个人工作区，点右上角「新建」→「原型」→ 选「iPhone 14（375×812）」模板——选对设备尺寸很重要，否则后续真机扫码预览时比例会不匹配。项目创建后自动跳转编辑器，中间那块白色区域就是你的画布了。

拖拽组件搭建页面结构

左侧组件库默认展开的是「基础组件」。找到「矩形」拖到画布顶部，拉宽到375px，设成深蓝色背景，这就是状态栏；再拖一个「文本」放在中间，输入“欢迎登录”，字号20，加粗居中；接着拖一个「输入框」，放在文字下方，留出合适间距；最后拖一个「按钮」，写上“立即登录”，放在输入框下面。

操作起来其实很简单，直接把组件从左边拖进来就行。墨刀会自动显示对齐线和间距提示，不用你手动计算像素。如果拖歪了，松手前看到红色虚线就说明没对齐，往回挪一点，等绿色对齐线出现再松手。

用闪电图标快速配置页面跳转

第一步：在左侧页面列表点「+」新建两个页面，分别命名为「首页」和「个人中心」。

第二步：回到「登录页」，选中「立即登录」按钮——右上角立刻浮现出一个小闪电图标。按住这个闪电图标不放，向左拖动到「首页」页面缩略图上，松手。

第三步：弹出交互设置面板，点击「点击时」→「跳转到页面」→「首页」→ 动效选「滑入（从右）」→ 点确认。同理，再给首页里的「我的」按钮连到「个人中心」页面。

这里有个小提醒：闪电图标只在选中可交互组件（按钮、图标、卡片等）时才出现，纯文本或普通矩形没有这个功能，别对着文字瞎拖。

一键预览验证跳转效果

点顶部导航栏的「预览」按钮，页面右下角会弹出二维码。用手机微信或墨刀App扫码，手机上立刻加载原型，点击按钮就能真实跳转。

不需要导出，不用部署，所有交互逻辑都在云端实时生效。