使用方法

快速上手:注册与创建项目

访问摹客官网,点击右上角的“注册”按钮,支持邮箱、手机号或第三方账号(微信、GitHub)登录。完成注册后进入工作台,点击“新建项目”选择类型:产品文档、原型设计或设计稿。若从零开始设计,推荐使用“原型设计”模式,系统会加载空白画布或提供多种设备模板(手机、平板、网页)。项目创建后自动进入编辑界面,左侧工具栏包含常用组件,右侧面板可调整属性。首次使用时,建议先浏览顶部的“新手引导”,快速掌握画布缩放、拖拽、对齐等基础操作。

核心功能:原型设计与交互设置

在画布上拖拽左侧组件库中的按钮、输入框、图片等元素,即可搭建页面框架。选中任意组件后,右侧“交互”面板可添加点击、悬停、滑动等触发事件。例如,为“登录按钮”设置“点击”动作,跳转到“首页”页面,并选择过渡动画(如淡入、推入)。摹客支持状态编辑:选中组件切换“状态”标签页,可创建“默认”“悬停”“点击”等多套样式,无需重复绘制。完成多个页面后,点击顶部“连线”模式,拖动页面间的箭头形成流程图,方便团队理解跳转逻辑。交互预览可在编辑器中直接点击“预览”按钮,模拟真实操作体验。

协作流程:团队邀请与评审反馈

项目搭建完成后,点击右上角“邀请成员”输入对方邮箱或分享链接。成员加入后拥有独立编辑权限,可同时操作不同页面,实时同步修改内容。在页面右侧“评论”面板中,成员可选中任意元素添加批注,支持文字、图片或手绘标记。被@的成员会收到站内通知,直接在评论下回复讨论。评审时,点击“演示模式”可全屏展示原型,观众通过二维码扫码即可在手机上浏览并点赞或提建议。所有修改历史自动保存,通过“版本管理”可回溯至任意时间点,避免误操作导致数据丢失。

效率技巧:组件库与资源管理

摹客内置了基础UI组件库,但更推荐使用“团队组件库”功能。将常用设计元素(如导航栏、卡片)保存为组件,后续拖拽即可复用,修改主组件后所有实例同步更新。在“资源”面板中可上传图标、字体、图片等素材,分类管理后直接从面板拖入画布。若项目涉及多端适配,可利用“自适应布局”功能:选中容器后设置左边距、右边距等伸缩规则,预览时自动适配不同屏幕尺寸。此外,摹客支持导入Sketch、Figma、Axure等设计文件,保留图层和交互逻辑,减少重复劳动。