墨刀AI产品原型交互逻辑提示词编写指南

看不見的法師

看不見的法師

2026-08-04

699人浏览

原创

墨刀ai交互提示词需精准描述主体、对象、动作及结果,对象名称须与画布完全一致,用“当……时,执行……;否则……”表达条件逻辑,跳转目标页名含中文书名号,传参明确键值对,禁用模糊副词,视觉指令转化为具体组件操作。

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

墨刀ai产品原型交互逻辑提示词编写指南 - php中文网

你需要让墨刀AI准确理解并生成符合产品原型需求的交互逻辑,比如点击按钮跳转页面、输入框校验失败时弹出提示、列表项滑动触发加载更多——这些行为必须通过精准的提示词告诉AI,而不是靠后期手动调整。

明确交互动作的主体和对象

第一步:先锁定「谁」对「什么」做了「什么动作」。例如「用户点击【立即登录】按钮→跳转到「个人中心」页面」,其中「用户」是主体、「【立即登录】按钮」是对象、「点击」是动作、「跳转到「个人中心」页面」是结果。漏掉任意一环,AI容易生成模糊响应,比如只写“点击后跳转”,AI可能默认跳转首页或当前页刷新。

第二步:对象名称必须与墨刀画布中实际命名完全一致,包括中括号、空格、标点。如果按钮在墨刀里命名为「登 录」(含两个空格),提示词里写成「登录」或「登入」,AI无法匹配对应元件。

第三步:避免使用代词或模糊指代。不写“点击它”“那个输入框”,而要写“点击【手机号输入框】右侧的【获取验证码】图标”。

描述状态变化与条件分支

方法一:用「当……时,执行……;否则……」结构表达判断逻辑。例如:“当【密码输入框】内容少于6位时,显示红色提示文字「密码长度不能少于6位」;否则隐藏该提示文字”。这种写法能直接映射墨刀的「条件交互」设置面板。

方法二:用「首次进入」「第2次点击」「连续点击3次」等明确频次限定触发时机。墨刀AI对“多次点击”类逻辑敏感,但若只写“点击按钮切换状态”,AI可能默认只做一次切换,无法实现开关式循环交互。

注意:涉及表单校验的条件,必须同时声明「校验规则」和「反馈方式」。只写“邮箱格式错误时提示”不够,要写成“当【邮箱输入框】失去焦点且内容不符合邮箱正则格式时,在其下方显示【错误提示气泡】并填充文字「请输入正确邮箱格式」”。

墨刀 Linux版
墨刀 Linux版

墨刀(Modao)是一站式智能原型设计与产研协作平台,帮助产品、设计、研发团队完成原型设计、在线协作、流程图、思维导图和设计交付。

下载

绑定页面跳转与参数传递

写清楚跳转目标页的完整名称,包括中文书名号。墨刀AI识别页面名时区分全角/半角、标点、空格,例如目标页名为《订单确认页》,提示词中写成“订单确认页”或“【订单确认页】”均无效,必须严格匹配为《订单确认页》。

需要传参时,用「携带参数:xxx=yyy」明确键值对。例如:“点击【编辑地址】卡片→跳转到《收货地址编辑页》→携带参数:addressId=当前卡片data-id属性值”。【data-id必须已在墨刀元件上手动设置为自定义属性,否则AI无法读取】

跳转动画效果可选填,如“以「向右滑入」动画跳转”,但仅限墨刀内置的8种交互动效名称,写“淡入”“缩放”等非标准词会被忽略。

规避常见语义歧义词

禁用“自动”“智能”“根据情况”“稍后”等模糊副词。AI无法将“自动校验输入”解析为具体触发时机,应改为“当【搜索框】获得焦点时,启动实时字符长度计数,并在字数超100时禁用【发布】按钮”。

慎用“高亮”“突出显示”——墨刀AI不理解视觉样式指令,要转化为可执行动作:“将【当前选中菜单项】背景色设为#409EFF,文字颜色设为#FFFFFF”。

不写“用户应该看到……”,改写为“显示【成功提示Toast】组件,持续2秒后自动消失”。【Toast组件必须已在墨刀项目中创建并命名为「成功提示Toast」,否则AI会报错】

相关文章

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

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

下载

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

相关专题

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

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

2026.06.26

46

10

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

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

2026.06.26

57

30

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

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

2026.06.26

88

19

火山引擎API Key绑定大模型教程
火山引擎API Key绑定大模型教程

火山引擎API Key怎么绑定大模型适合需要在火山方舟、应用后台、脚本工具或AI编程软件中调用模型的开发者参考。本专题整理控制台服务开通、API Key创建、模型权限检查、模型ID选择、Base URL填写、调用测试和鉴权失败排查,帮助用户完成从密钥到模型调用的配置流程。

2026.08.04

0

10

火山引擎API Key获取教程
火山引擎API Key获取教程

火山引擎API Key适合需要调用火山引擎云服务、AI模型、火山方舟接口或其他开放能力的开发者参考。本专题整理控制台入口、账号认证、服务开通、API Key创建、密钥复制保存、权限检查、调用测试和Key无效等常见问题排查。

2026.08.04

4

10

火山引擎API接入教程
火山引擎API接入教程

火山引擎API接入适合需要在应用、脚本、后台服务或AI工具中调用火山引擎能力的开发者参考。本专题整理控制台入口、服务开通、API Key获取、接口地址配置、请求参数填写、调用测试、权限设置、额度查询和常见接口报错排查。

2026.08.04

4

10

火山引擎DeepSeek API调用教程
火山引擎DeepSeek API调用教程

火山引擎DeepSeek API适合需要在应用、脚本、智能体或AI编程工具中调用DeepSeek模型的开发者参考。本专题整理火山引擎控制台入口、模型服务开通、API Key获取、Base URL配置、模型名称填写、调用测试、额度查询和常见接口报错排查。

2026.08.04

2

10

火山引擎控制台操作教程
火山引擎控制台操作教程

火山引擎控制台中常用功能包括API密钥管理、模型调用配置、云资源查看、账单明细、用量统计和权限分配。本专题整理控制台基础操作、服务开通流程、Key创建与保存、费用消耗查看、子账号权限设置和调用失败排查,方便开发者完成日常管理。

2026.08.04

3

10

PDF与PPT格式转换操作方法及在线转换技巧
PDF与PPT格式转换操作方法及在线转换技巧

本专题聚焦 PDF 与 PPT 文件格式转换需求,整理 PDF 转 PPT 在线转换方法、PPT 批量转换 PDF 操作步骤、转换后格式错乱处理以及文档版式检查技巧。通过详细教程帮助用户掌握 PDF、PPT 双向转换方法,解决演示文稿制作、文件整理和办公格式转换中的常见问题,提高办公效率。

2026.07.31

112

6

热门下载

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

精品课程

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

共0课时 | 0人学习

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

共0课时 | 0人学习