墨刀AI助手5分钟生成登录页原型需三步:先在组件库顶部点击「AI生成」并授权启用;再用“角色+任务+约束”写提示词或截图加说明;最后调整位置、编辑文本、替换组件并组合复用。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想用墨刀AI助手在5分钟内生成一个可用的登录页原型,却卡在找不到入口、不知道怎么写提示词、生成后不会调整结构——这不是你操作慢,是没踩对启动节奏。
找到并激活AI助手入口
打开墨刀网页端(modao.cc),确保已登录账号→进入任意一个原型文件→在左侧组件库顶部,找到带「闪电」图标的 【AI生成】 标签,点击它。
首次点击时,系统会弹出授权提示,必须点击「允许」才能启用AI能力;不点允许,后续所有生成操作都会灰显不可用。
这一步做完,右侧属性面板会自动切换为AI对话界面,底部出现输入框和「发送」按钮。
写出能被AI听懂的第一句提示词
方法一:用「角色+任务+约束」三要素写法
在输入框里直接输入:“你是一名资深移动端UI设计师,请生成一个简洁现代的App登录页面,包含手机号输入框、密码输入框、登录按钮、忘记密码链接,使用蓝色主色调,不要图标。”
方法二:截图+文字补充(适合已有参考)
先在本地准备好一张你满意的登录页截图→拖进AI对话框→再补一句:“按这张图的布局和风格,重绘成适配iPhone 14尺寸的版本。”
【提示词里千万别写“好看一点”“专业一点”这种模糊要求】,AI无法解析主观形容词,只会随机组合元素,大概率生成一堆堆叠的按钮或错位的文字框。
生成后快速修正结构与内容
第一步:生成结果默认插入当前页面顶部,若页面已有内容,会遮挡原有组件。立即点击画布左上角的「撤销」按钮(或 Ctrl+Z)回到生成前状态,再手动拖动AI生成的组件组到合适位置。
第二步:双击任意文本块(如“请输入手机号”)直接编辑文字,改成“手机号”;右键输入框→「替换为」→选择「文本输入框」组件,确保交互逻辑可用。
第三步:选中整个AI生成的组件组→右侧面板「图层」→点击「组合」,避免后续误拖散架;再点击「添加到我的组件」,下次就能从「我的组件」库里一键复用。

















