教程 > 摹客协作 > 常见问题 > 如何在飞书中使用摹客

如何在飞书中使用摹客

摹客是什么?

摹客是一款基于web的工具平台,在飞书中,你可以添加摹客应用,来解决产品团队全流程的设计协作。使用飞书应用商店中的小程序,可使用设计稿实时演示及部分团队管理等基础、轻量功能。在飞书电脑端进行操作,可以体验摹客的完整功能。

摹客支持在线制作交互原型,撰写和管理产品文档,支持主流设计稿在线评审、标注切图、版本管理,设计资源高效管理、分享、复用等。让产品协作设计更高效。

如何快速开启摹客体验之旅?

1.进入应用

在飞书Windows/Mac客户端中,打开摹客机器人,点击卡片消息中的“立即开启”后,将自动跳转到浏览器登录页,可使用飞书账号扫码登录。 

授权登录成功后,页面将跳转到摹客“邮箱绑定”,输入你的摹客账号即可绑定成功。如果没有摹客账号,则需要注册一个新账号。

2.创建项目/项目集

点击左上角的“新建”按钮,可以创建在线原型设计项目、协作项目及项目集。

当项目有更新时,你可在飞书收到消息卡片通知。

项目集可以用来存放多个同类项目或同用途项目,便于管理。

3.添加设计稿

点击“导入项目”,可导入Axure的原型图,导入后项目自动生成。                      

除此之外,进入项目后,可以上传本地图片。也可以通过下载对应插件,上传Sketch、PS、Adobe XD、Axure的设计稿。       

4.全貌画板

全貌画板展示了项目中所有设计稿,缩放自如,可随意调整位置,还可以在页面间添加逻辑线和描述信息,阐述页面间的逻辑关系。

双击任一画板,即可进入单页模式。

5.评论模式

在评论模式中,项目成员可以使用多种评论工具,为设计稿添加评论,还可以@成员,团队间沟通更方便、顺畅。

6.定稿模式

在定稿模式中,可以查看未解决的评论建议,除此之外,设计师还可以通过多种手动标注,将信息更准确地传达给开发人员。

7.开发模式

在开发模式中,工程师可以自由选取智能标注信息。

在右侧标注面板可以快速复制属性值,一键查找页面内相同的元素,一键复制CSS代码。

在右侧属性面板可以下载多种设备尺寸的切图,

还可以自动提取设计稿内的元素色值,方便整理为设计规范。

8.交互与演示

在原型板块,可以快速将设计稿转化为可交互高保真原型。

选中原型,在设计稿上按住并拖动鼠标即可建立交互热区,或双击图层创建交互。

在右侧面板,可以修改多种交互属性。

对于需要滚动的区域,还可以通过调整固定区域图标来设置滚动区。

点击右上角的演示图标,可以开始演示。在演示界面,可以对演示参数进行设置。

9.文档管理功能

摹客支持产品文档在线撰写,可将在线撰写的文档一键导出为pdf。也可将pdf、doc、docx格式的文档本地上传、预览、评论及历史版本管理。

点击此处,查看摹客入门视频教程。

项目创建完成后,即可在飞书手机端实时查看项目演示及文档。

在飞书移动端小程序中,我可以做什么?

当用户通过飞书桌面端进入摹客应用并创建项目后,其他成员可以通过飞书手机端实时查看不同设备及成员上传的项目原型及文档,工作地点不受限,团队协作快捷高效。具体操作如下:

1.切换团队

点击上方团队名称右侧的小三角,在弹出的下拉列表中可以切换其它团队进行项目查看。

2.项目管理

首页中展示了该团队中的所有项目。点击某个项目右侧的“星星图标”可对该项目进行“收藏”。

3.搜索项目

点击右上角的“搜索图标”,输入关键字,即可快速查找项目。

4.原型演示

点击进入某个项目后,会展示项目中的首页(如果项目中没有设置首页,默认显示项目中的第一个页面)。点击“开始演示”,即可查看原型演示。

5.项目树

进入演示后,长按屏幕,左侧会弹出项目树,项目树上展示了项目中的所有页面,可以随意切换。

6.资源查看

进入某个项目后,会看到“原型”和“资源”两个模块,切换到“资源”,点击附件即可查看相关内容。