墨刀AI多页面原型生成与提示词设置教程

雪夜

雪夜

2026-08-04

685人浏览

原创

需用deepseek-v2生成结构化提示词,再输入墨刀ai生成三页app原型,最后手动配置跳转逻辑并校验。具体步骤:①在deepseek-v2中按模板填写产品类型、用户、页面模块、跳转关系等;②将纯结构化内容粘贴至墨刀ai生成原型;③手动为登录按钮、头像图标、退出按钮分别设置页面跳转交互;④预览全流程并替换占位文字后导出分享链接。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

墨刀ai多页面原型生成与提示词设置教程 - php中文网

要用墨刀AI一次性生成包含登录页、首页、个人中心三个页面的完整APP原型,不能只写“做个APP”,必须让AI理解页面数量、跳转关系和每个页面的核心模块。

第一步:用DeepSeek-V2生成结构化提示词

这一步不能跳过——直接把“我要做一个电商APP”丢给墨刀AI,它大概率只会生成单页线框图,且按钮位置、文字样式全凭猜测。你得先用DeepSeek-V2把需求翻译成AI能精准执行的指令语言。

打开DeepSeek-V2网页版→新建对话→粘贴以下基础模板,然后根据你的实际业务替换括号内内容:

产品类型:【【必须填】例如“社区团购小程序”或“健身课程预约APP”】
目标用户:【例如“30-50岁有娃家庭主妇”或“一线城市健身爱好者”】
必需页面清单(按用户操作顺序排列):
① 登录/注册页:含手机号输入框、验证码获取按钮、微信快捷登录图标、底部“去注册”链接
② 首页:顶部搜索栏+轮播图+3个功能入口图标(如“今日特价”“附近门店”“我的订单”)+商品瀑布流
③ 个人中心页:顶部用户头像与昵称+6个垂直列表项(如“我的优惠券”“收货地址”“客服帮助”)+底部退出登录按钮
页面间跳转逻辑:
• 登录页 → 首页(点击“登录”后跳转)
• 首页 → 个人中心(点击右上角头像图标跳转)
• 个人中心 → 登录页(点击“退出登录”后跳转)
设计风格:【例如“轻快圆角风”或“极简商务灰”】
配色方案:主色【如#FF6B6B】,辅助色【如#4ECDC4】,文字默认色【#333333】
设备尺寸:iPhone SE(375×812)

生成后,复制整段输出——注意删掉开头的“以下是为您生成的……”这类说明性文字,只保留从“产品类型:”开始的纯结构化内容。

第二步:在墨刀中启动AI原型生成

登录墨刀官网→点击左上角「新建项目」→选择「AI生成原型」→粘贴上一步得到的结构化提示词→点击「生成」。

生成过程约需40~90秒,期间页面会显示进度条和“正在理解需求…”提示。此时不要刷新或关闭页面,【刷新会导致任务中断且无法恢复】

生成完成后,系统自动打开新项目,左侧导航栏已创建好“登录页”“首页”“个人中心页”三个画布,且页面内组件位置、文字内容、颜色均与提示词严格对应。

DeepSeek
DeepSeek

DeepSeek是一款由深度求索公司开发的免费AI助手,支持Web端和移动端使用。它拥有强大的自然语言处理能力,可进行文本对话、内容创作、代码编写、文件处理(支持图像、PDF、Word、Excel、PPT等格式)以及联网搜索。DeepSeek上下文长度达1M tokens,能一次性处理海量信息(如《三体》三部曲)。其核心优势在于完全免费、响应迅速、支持语音输入,并提供API服务,适合学习、办公和开发等多种场景。

下载

第三步:校验并修复AI生成的跳转逻辑

墨刀AI目前不支持自动绑定页面跳转事件,所有“点击跳转”行为都需手动补全。

方法一:修复登录页跳转
选中登录页上的「登录」按钮→右侧「交互」面板→添加交互→触发方式选「点击」→行为选「跳转页面」→目标页面选「首页」→完成。

方法二:修复首页到个人中心跳转
选中首页右上角头像图标→交互面板→添加交互→触发方式「点击」→行为「跳转页面」→目标页面「个人中心页」。

方法三:修复退出登录跳转
进入个人中心页→选中「退出登录」按钮→交互设置同上,目标页面设为「登录页」。

注意:如果某页面存在多个跳转出口(比如首页的“今日特价”图标也要跳转到专题页),必须逐个手动设置,AI不会批量识别同类组件。

第四步:导出与交付前的最后检查

点击右上角「预览」按钮,在新窗口中按真实用户路径走一遍:登录页→点登录→进首页→点头像→到个人中心→点退出→回登录页。确认每一步跳转准确、无白屏、无错位。

检查所有文字是否可读:特别留意AI生成的占位文字如“此处为轮播图标题”,需双击编辑替换为真实文案。

导出为分享链接:点击右上角「分享」→开启「允许查看」→复制链接发给开发或设计师即可。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
墨刀AI使用教程大全
墨刀AI使用教程大全

PHP中文网墨刀AI专区提供完整使用教程,涵盖AI生成原型、智能对话、草图识别、代码导出等核心功能,从入门到进阶,助你快速掌握AI设计工具,提升产品设计与协作效率,轻松实现从灵感到高保真原型的一键落地。

2026.06.26

48

10

墨刀AI零基础入门指南
墨刀AI零基础入门指南

PHP中文网推出墨刀AI零基础入门指南与进阶教程合集。从账号注册、界面导览到AI生成原型、智能文档等核心功能,手把手带你从新手快速成长为设计达人,轻松掌握高效产品设计技能!

2026.06.26

58

30

墨刀设计原型工具使用方法合集
墨刀设计原型工具使用方法合集

PHP中文网墨刀设计原型AI工具专区,汇集从入门到精通的实战教程。涵盖AI生成原型、PPT联动及多人协作等核心技巧,助您快速掌握高效设计方法,轻松实现从灵感到高保真原型的跨越,大幅提升产品设计与团队协作效率。

2026.06.26

88

19

Selenium WebDriver元素定位与页面操作教程
Selenium WebDriver元素定位与页面操作教程

本专题整理Selenium WebDriver元素定位、XPath、CSS Selector、等待机制、窗口切换、Frame处理、Alert弹窗、Cookie操作和文件上传等核心用法。

2026.08.05

3

26

Selenium Grid分布式测试与并行执行教程
Selenium Grid分布式测试与并行执行教程

本专题整理Selenium Grid架构、远程WebDriver、并行测试、Docker部署、Kubernetes动态Grid、浏览器矩阵和测试环境扩展方法,适合进阶自动化测试团队使用。

2026.08.05

1

18

Selenium常见报错排查与自动化测试稳定性
Selenium常见报错排查与自动化测试稳定性

本专题整理Selenium常见报错、驱动版本问题、元素找不到、点击失败、等待超时、浏览器闪退、脚本不稳定和测试用例维护方法。

2026.08.05

0

17

墨刀AI提示词教学
墨刀AI提示词教学

本合集由PHP中文网精心整理,为您提供全面的墨刀AI提示词教学。内容涵盖高质量原型撰写公式与实操窍门,助您轻松掌握AI设计工具。无论是零基础入门还是进阶技巧,都能让您快速上手,大幅提升产品设计与协作效率。

2026.08.04

11

21

墨刀AI完整入门
墨刀AI完整入门

PHP中文网为您倾力打造墨刀AI保姆级入门指南完整版!本合集从零基础讲起,涵盖AI生成原型、提示词优化、图片转原型及多轮对话等核心功能。无论您是新手还是进阶用户,都能轻松掌握产品设计全流程。快来PHP中文网,一键解锁高效设计技巧,让想法即刻成型!

2026.08.04

8

20

墨刀AI进阶技巧
墨刀AI进阶技巧

本合集由PHP中文网精心整理,为您提供墨刀AI核心进阶策略指南。内容涵盖高效提示词写作、原型智能生成与微调、结构化导图制作及行业分析报告输出等实战技巧。助您轻松掌握AI设计工具,大幅提升产品设计与团队协作效率。

2026.08.04

10

14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

腾讯元宝使用手册
腾讯元宝使用手册

共0课时 | 0人学习