墨刀AI官网入口是 modao.cc，进入官网后可点击”开始AI生成”体验原型生成功能，也能登录工作台继续编辑。我第一次用它制作移动端记账App时，先写清页面、操作和视觉要求，再检查生成结果并手动校准。
还没账号？立即注册
打开墨刀官网，进入AI原型入口；已有账号直接登录，没有账号可按页面提示注册。登录后先确认当前工作区和可用功能，再创建项目。我当时一上来就开始描述需求，生成后才发现项目没按预期命名，回头整理文件多花了一些时间。
我给记账App取名”轻记账”，把目标用户定为刚开始管理日常开销的上班族。正式生成前，我先列出首页、记账页、账单详情三个页面，以及”新增一笔支出后返回首页”的交互。页面范围写得越明确，检查原型时越容易发现漏项。
我把需求拆成用户、页面、组件、交互和风格几部分，不只写”做一个记账App”。实际使用的提示词类似这样：
“为上班族设计一款手机记账App，生成首页、记账页、账单详情页。首页显示本月支出、收入、结余和最近账单，底部有首页、统计、我的导航；点击加号进入记账页，可选择支出或收入、金额、分类和日期，点击保存后返回首页并更新账单。采用浅色背景、蓝绿色点缀、简洁卡片布局，按钮和文字适合手机屏幕阅读。”
如果页面内容很多，我会先生成主流程，再逐页补充字段与状态。比如记账页需要默认金额、分类选择、保存成功反馈，这些细节写在提示词里，比生成后逐个补充更省时间。
生成结果出来后，我先从首页检查信息层级：月度汇总是否醒目，账单列表是否容易扫读，底部导航是否清楚。再逐页检查按钮、输入框、标签和图标。墨刀官网介绍了AI生成原型及多次调整能力，实际编辑时仍要逐项核对内容和交互，不能只看预览图是否好看。
我把”支出金额”卡片设为页面重点，将次要说明文字缩短；账单分类图标则统一尺寸。遇到重复组件，尽量复用已有样式，避免同一类按钮出现不同圆角、颜色和高度。
第一次生成时，首页汇总卡片、账单列表和底部导航挤在一起，页面纵向长度也超出预期。这是第一个踩坑：提示词只强调”信息丰富”，没有说清信息优先级。我把页面分成顶部月份区、汇总卡片、账单列表和底部导航，再删掉不必要的装饰元素，布局才清楚下来。
调整时先处理大区块的位置和宽度，再改文字、颜色等细节。手机页面可以按首屏优先级安排内容：用户打开后要立即看到的指标放上方，低频功能收进次级入口。
第二个踩坑是列表里的金额、分类名和日期没有对齐，部分图标看起来也比文字偏高。我最初逐个拖动，改完一处又影响相邻元素。后来统一检查组件的宽度、高度、间距和对齐方式，并将同类行的结构复制复用，才把列表整理齐。
第三个踩坑发生在导出后：预览里的字体、间距或局部样式与工作区画布显示不完全一致。我把它当成交付检查项，导出后重新打开文件逐页对照；字体、图片、组件尺寸和页面边界都复核一遍。需要稳定展示时，也会保留可在线预览的原型链接供评审核对。
| 对比项 | 墨刀AI | Figma | Axure |
| 常见用途 | 原型设计、AI辅助生成、在线评审 | 界面设计、设计系统、团队协作 | 复杂交互原型、条件逻辑 |
| 上手方式 | 自然语言描述生成，再进编辑区 | 画布设计、组件搭建 | 页面、元件、交互设置 |
| 适合场景 | 快速梳理产品页面与原型 | 多人协作做界面和组件规范 | 复杂交互规则和状态 |
| 需要留意 | AI结果要检查布局和导出 | 复杂流程要额外搭交互 | 制作和维护耗时 |
我之前以为墨刀AI只是给老墨刀加了个输入框，实际用它做完一个App原型后，才发现它能从需求描述起稿，再回到墨刀工作台调整页...
2026-10-12
我在中文产品团队做原型时用墨刀AI快速起稿，也用Figma维护组件和设计规范。两个工具选哪个取决于任务：要快速把需求变成可讨...
2026-10-12
我查墨刀AI收费时，先把免费使用、会员权益和AI积分分开看，再用免费额度跑了一次原型。墨刀有免费空间，AI生成会消耗积分；...
2026-10-12
我第一次用墨刀AI时没有设计基础，只想做出登录页和首页，能点开、能讲清流程就行。墨刀AI的上手方式，就是用自然语言生成原...
2026-10-12
我把墨刀AI连续用在需求讨论、页面起稿和原型评审里两周，主要做了登录、首页和后台列表页。墨刀AI适合快速产出可讨论的原型...
2026-10-12