墨刀(MockingBot)是一款专业且高效的原型设计工具,专为移动应用和网页线框图打造。无需复杂操作,只需简单拖拽即可快速搭建高保真、可交互的产品原型。支持多端同步——无论是电脑还是手机,团队成员都能实时协作、高效审阅与编辑。即使毫无设计基础,也能轻松上手,快速将创意转化为可视化方案。这款工具凭借其简洁直观的操作界面和强大的功能组合,已成为产品经理、设计师和开发者的得力助手。

墨刀中文版使用教程
新建项目。登录墨刀 Windows 客户端后,点击“新建空白项目”开始你的设计之旅。

输入项目名称。这里建议使用默认设备尺寸,便于快速进入设计流程。

添加导航栏。从左侧功能栏中找到“导航栏”组件,将其拖拽至画布指定位置。

修改导航栏文字。将默认标题替换为你需要展示的内容,如“首页”“发现”等。

调整导航栏文字背景颜色,使其更符合整体视觉风格。


添加轮播图。在左侧“母版”区域找到“轮播图”组件,拖入画布并调整大小,通常宽度设为360像素以适配主流手机屏幕。

调整小圆点位置。通过设置 X 和 Y 坐标,确保指示器距离边缘留出10像素的边距,保持界面整洁美观。

复制页面。为节省重复劳动,可直接复制第一页内容生成后续页面。

修改对应页面的小圆点背景色,将非当前页的指示器设为不可见或低透明度状态,突出当前页面。

上传所需图片素材至图库,便于后续在轮播图或其他组件中调用。

添加手势交互。在可见区域内放置手势触发区,点击并拖动至目标页面,即可建立页面跳转链接。

修改手势属性。将交互方式设为“向左滑动”,转场效果选择“右移入”,并设置定时器为2秒。注意:最后一个页面需链接回第一页,才能实现无缝轮播循环。


在页面中添加相应的说明文字,完善信息层级与用户引导。

最后,参照上述步骤,继续补充其他模块内容,逐步完成整个原型设计。

墨刀(MockingBot)功能
操作简单
通过直观的拖拽与参数设置,轻松将产品构思转化为可交互的原型,大幅降低设计门槛。
演示
支持真机边框模拟、全屏沉浸式预览及离线演示等多种模式,让项目展示更真实、更具说服力。
团队协作
多人可同时在线编辑同一项目,一键分享链接即可邀请他人查看或评论;支持在原型上直接打点反馈,实现高效沟通与快速迭代。
交互简单
仅需拖拽即可设置页面跳转,配合交互面板还能实现复杂逻辑;丰富的手势识别与转场动画,助你打造接近真实产品的交互体验。
自动标注及切图
通过墨刀 Sketch 插件上传设计稿,开发人员无需登录即可查看元素的尺寸、间距、字体、颜色等详细信息,并支持一键下载 1x/2x/3x 多倍率切图。
素材库
内置海量行业通用组件,也可自建个人或团队共享素材库,高频元素一键复用,提升设计一致性与效率。
免费版
提供产品设计、工作流管理、原型预览、Sketch 标注插件及移动端演示功能,免费用户可创建3个项目,每个项目最多20个页面,总素材容量达50MB。
个人专业版
在免费版基础上,解锁无限项目与页面数量,并支持项目文件导出,满足深度用户需求。
企业版
包含专业版全部能力,额外支持企业成员管理、权限分配、团队协作及自定义企业素材库,助力大型团队高效协同与资产沉淀。
墨刀(MockingBot)特色
简易实用的原型图专用工具 无论是产品经理从零开始绘制原型,还是设计师导入设计稿制作交互效果,都能快速完成高保真可交互原型。平台内置丰富组件,显著提升工作效率。 多种设备完美演示 作品可一键分享给任何人,无论对方使用电脑、手机还是微信,都能随时查看最新版本,确保信息同步无延迟。 工作流文档自动生成,把握产品全局 告别冗长的需求文档,开发者打开工作流即可清晰看到页面逻辑、注释与流程关系,实现进展与文档的实时同步,让工作流成为高效的沟通语言。 在线团队协作,多人聚焦讨论 产品细节、新增需求、批注评论一目了然,作者能第一时间收到反馈,便于统一修改与快速响应。 Sketch+墨刀=交互标注神器 将 Sketch 设计稿一键导入墨刀,立即生成交互原型;开发人员还可通过开发者模式查看完整的图层结构与设计参数,极大提升前后端协作效率。