<h1 id="墨刀新人3天通关秘籍">墨刀新人3天通关秘籍</h1>
墨刀是一款在线一体化产品设计协作平台，包括原型、设计、流程图、思维导图几款工具。串联产品、设计、研发工作流程。为了让你可以快速入门墨刀，我们准备了下面的视频，希望帮助你更快地上手墨刀。
 
 
<h2 id="day-01-初步了解墨刀">Day 01 初步了解墨刀</h2>
<a href="/hc/articles/186" target="_blank">注册一个墨刀账号</a>：支持微信、手机号和邮箱注册，当然注册后<a href="/downloads/#sec-desktop" target="_blank">下载墨刀客户端</a>使用更方便。
<h3 id="了解墨刀项目管理页">了解墨刀项目管理页</h3>
通过本节视频，你可以系统了解墨刀的主要功能位置：新建项目、文件夹，图标模式以及列表模式。
<video poster="https://cdn.modao.cc//hc/%E5%B0%81%E9%9D%A2%20%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video1.%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86%E9%A1%B5%E4%BB%8B%E7%BB%8D.mp4" type="video/mp4">
</video>

<code>00:20</code> 选择空间：可以在项目管理页左下角选择进入个人/企业空间
 
<code>00:48</code> 新建项目：可以创建项目和文件夹
 
<code>01:11</code> 项目动态：所有项目的更改记录可以在此查看
 
<code>01:15</code> 项目管理：全部项目、标星、锁定、回收站；项目查看方式、筛选方式
 
 
<h3 id="如何创建项目">如何创建项目</h3>
通过本节视频，你将了解到在墨刀中创建项目的几种方法
<video poster="https://cdn.modao.cc//hc/%E5%88%9B%E5%BB%BA%E9%A1%B9%E7%9B%AE.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video3.%E9%A1%B9%E7%9B%AE%E5%88%9B%E5%BB%BA.mp4" type="video/mp4">
</video>

<code>00:31</code> 新建空白原型项目
 
 <code>01:17</code> 从模版创建原型项目
 
<code>02:35</code> 从素材广场创建项目
 
 
<h3 id="墨刀原型菜单栏介绍">墨刀原型菜单栏介绍</h3>
通过本节视频，你可以认识了解墨刀原型工作区界面中各个主要菜单的内容和功能。
<video poster="https://cdn.modao.cc//hc/%E8%8F%9C%E5%8D%95%E6%A0%8F.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video2.%E8%8F%9C%E5%8D%95%E6%A0%8F%E4%BB%8B%E7%BB%8D.mp4" type="video/mp4">
</video>

 <code>00:18</code> 原型菜单设置
 
<code>00:46</code> 顶部操作栏的基础工具
 
<code>01:31</code> 页面列表与元素列表
 
<code>01:56</code> 编辑区：页面元素编辑、标尺、素材库使用
 
<code>02:46</code> 顶部栏右上角：分享、下载、版本管理等
 
<code>03:03</code> 页面预览界面说明
 
<code>03:20</code> 项目设置
 
<code>03:39</code> 帮助中心
 
 
 
 
<h2 id="day-02-带你全面掌握原型功能">Day 02 带你全面掌握原型功能</h2>
<h3 id="学习基础组件">学习基础组件</h3>
通过本节视频，你将了解到基础组件的使用：文字、形状、图片、链接、按钮等基础通用组件
<video poster="https://cdn.modao.cc//hc/%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video4.%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8%E6%95%99%E5%AD%A6.mp4" type="video/mp4">
</video>

<code>00:40</code> 文字组件
 
<code>02:45</code> 形状组件：矩形、多边形
 
<code>03:48</code> 图片组件
 
<code>04:28</code> 链接区域
 
<code> 04:50</code> 按钮组件
 
 <code>05:08</code> 占位符
 
<code>05:29</code> 聊天气泡框
 
<code>05:53</code> 箭头组件
 
 
 

<h3 id="学习素材库">学习素材库</h3>
通过本节视频，你将了解到素材库的使用方法，让工作更高效。
<video poster="https://cdn.modao.cc//hc/%E7%B4%A0%E6%9D%90%E5%BA%93.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video5.%E7%B4%A0%E6%9D%90%E5%BA%93%E4%BB%8B%E7%BB%8D.mp4" type="video/mp4">
</video>

<code>00:20</code> 素材面板使用：基础、高级组件和发现更多组件素材
 
<code>02:58</code> 个人素材库与企业素材库
 
<code>03:17</code> 自定义素材库
 
 
<h3 id="学习图标组件">学习图标组件</h3>
通过本节视频，你将了解到图标组件的使用。
<video poster="https://cdn.modao.cc//hc/%E5%9B%BE%E6%A0%87.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video6.%E5%9B%BE%E6%A0%87%E7%BB%84%E4%BB%B6.mp4" type="video/mp4">
</video>


<code>00:22</code> 从素材面板中使用图标
 
<code>00:45</code> 从图标面板选择图标
 
<code>02:40</code> 图标设置与替换
 
 
 
<h2 id="day-03-带你全面掌握原型功能">Day 03 带你全面掌握原型功能</h2>
<h3 id="快速搭建原型">快速搭建原型</h3>
本节视频我们将会以素材广场中的一个素材为例，带您快速制作出属于自己的原型。
<video poster="https://cdn.modao.cc//hc/%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video7.%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%8E%9F%E5%9E%8B.mp4" type="video/mp4">
</video>

 <code>00:22</code> 从素材广场搜索项目
 
<code>00:53</code> 保存素材项目
 
<code>01:00</code> 对页面进行调整：位置、复制、添加子页面、删除
 
<code>01:24</code> 对图片进行替换
 
<code>01:56</code> 从素材库查找使用组件
 
<code>02:00</code> 选择合适的页面、图标、组件进行引用
 
 
<h3 id="上下游交付">上下游交付</h3>
通过本节课程，您将了解在墨刀中如何下载项目、项目分享链接设置的作用；项目运行时「预览」，「标注」、「评论」的区别与使用场景。
<video poster="https://cdn.modao.cc//hc/%E4%B8%8A%E4%B8%8B%E6%B8%B8.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/video8.%E4%B8%8A%E4%B8%8B%E6%B8%B8%E4%BA%A4%E4%BB%98.mp4" type="video/mp4">
</video>

<code>00:24</code> 下载项目：png、pdf、离线演示包、安卓apk
 
<code>01:19</code> 分享项目设置

视频教程

墨刀新人3天通关秘籍

<h1 id="版本介绍">版本介绍</h1>
 

<h2 id="个人版介绍">个人版介绍</h2>
个人版分为免费版本和付费版本还有终身版。免费版本只能创建三个项目，每个项目20页，超出则需要付费。免费版导出PNG时会带有墨刀水印。
个人版适用于一个人自己编辑/管理项目。
如果想了解更多个人版的功能权限以及价格信息，建议您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a>
 
 
 
 

<h2 id="个人版可以下载apk吗">个人版可以下载APK吗</h2>
个人版不支持下载APK。
个人版可以下载PNG/PDF/HTML，团队空间内可以下载PNG/PDF/HTML/APK。 
如需了解、购买原型协作版，请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a>
 
 
 
 
<h2 id="个人版可以协作吗">个人版可以协作吗</h2>
个人版是单人使用版本，不支持协作。
协作是基于企业的功能，只有团队空间用户才可以邀请其他人协作。 
如需了解、购买团队版，请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a>
 
 
 
 

<h2 id="个人版与团队协作有什么区别">个人版与团队协作有什么区别</h2>
个人版为个人空间权益，团队协作为团队空间权益，包括免费版、团队版与企业版。
个人付费支持升级为企业付费，但企业付费不支持降级为个人付费。
个人版和企业协作主要区别： 
1、个人版不支持协作。个人版适合单人使用，团队协作适合多人协作编辑/统一管理项目。 
2、个人版不支持下载APK。
3、个人版单项目页面数量相对较少。
更多具体的功能对比及价格说明请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a>
 
 
 
 

<h2 id="免费版和付费版有什么区别">免费版和付费版有什么区别</h2>
免费版本只能创建三个文件，每个文件20页，超出则需要付费。免费版导出PNG时会带有墨刀水印。付费版不受以上限制，付费版会员到期后会恢复为免费版。
免费版和付费版的具体区别请您查看<a href="https://modao.cc/pricing" target="_blank">版本对比与介绍</a>
 
 
 
 

<h2 id="终身版版本须知">终身版版本须知</h2>
1、终身版仅限个人版本，不支持升级至企业版。
2、除我公司被解散、吊销、注销、清算、破产外您有权终身使用此版本。
3、此版本仅限您个人使用,不可与他人分享或赠与、转让、许可他人用, 不可继承。
4、自下单之日起，七天之内支持无理由退款，超过七天则不支持退款。
5、以上内容最终解释权归北京磨刀刻石科技有限公司所有。
 
 
 
 

<h2 id="空间容量是指什么">空间容量是指什么</h2>
价格界面所说的个人版2G、企业版每个席位2G空间容量，是指您素材库中的素材总容量。
具体查看路径如图所示：
<img src="https://cdn.modao.cc//hc/kjrl.png" width="900"/>

墨刀版本有什么区别

版本介绍

哪些功能即将上线

<h1 id="项目打不开">项目打不开</h1>
 

<h2 id="打开项目一直在读取项目数据">打开项目一直在读取项目数据</h2>
打开项目一直在读取项目数据有可能是项目数据量过大或者网络代理导致的。如果您开了网络代理（VPN），请您关闭后再重新打开项目，如果您没有开网络代理（VPN），请您发送邮件到我们官方邮箱，我们会尽快帮您排查、解决问题。 
邮件标题：打开项目一直在读取项目数据 
收件邮箱：<a href="mailto:&#115;&#117;&#112;&#x70;&#x6f;&#x72;&#116;&#x40;&#109;&#111;&#x64;&#x61;&#x6f;&#x2e;&#99;&#x63;">&#115;&#117;&#112;&#x70;&#x6f;&#x72;&#116;&#x40;&#109;&#111;&#x64;&#x61;&#x6f;&#x2e;&#99;&#x63;</a>
邮件内容： 
1）项目对应墨刀帐号
2）项目分享链接
 
 
 
 


<h2 id="打开项目加载一段时间后自动退回到项目管理页">打开项目加载一段时间后自动退回到项目管理页</h2>
打开项目退回项目管理页应该是项目数据存在异常，请发送邮件到我们官方邮箱，我们会尽快帮您排查、解决问题。 
邮件标题：打开自动退回到项目管理页 
收件邮箱：<a href="mailto:&#x73;&#x75;&#112;&#112;&#111;&#x72;&#116;&#64;&#109;&#x6f;&#x64;&#x61;&#111;&#x2e;&#x63;&#99;">&#x73;&#x75;&#112;&#112;&#111;&#x72;&#116;&#64;&#109;&#x6f;&#x64;&#x61;&#111;&#x2e;&#x63;&#99;</a>
邮件内容： 
1）项目对应墨刀帐号
2）项目分享链接 
 
 
 
 


<h2 id="打开项目白屏">打开项目白屏</h2>
如果遇到打开项目白屏的情况，请您进行以下操作：
<ol>
<li>刷新：请您先刷新界面试试，这是刷新界面的快捷操作方式：Ctrl+R 
</li>
<li>清空缓存
</li>
</ol>
 
 
 
 

<h2 id="打开项目提示「正在连接同步服务器，请稍候」">打开项目提示「正在连接同步服务器，请稍候」</h2>
显示「正在连接同步服务器」可能是内网或者网络代理导致的问题，建议您先关闭网络或切换网络，看是否能正常打开项目。
如果上述操作无法解决您的问题。请您发送邮件到我们官方邮箱，我们会尽快帮您排查、解决问题。 
收件邮箱：<a href="mailto:&#x73;&#x75;&#x70;&#x70;&#111;&#x72;&#116;&#x40;&#x6d;&#111;&#100;&#97;&#x6f;&#x2e;&#99;&#x63;">&#x73;&#x75;&#x70;&#x70;&#111;&#x72;&#116;&#x40;&#x6d;&#111;&#100;&#97;&#x6f;&#x2e;&#99;&#x63;</a>
邮件标题：打开项目提示「正在连接同步服务器，请稍候」
邮件内容： 
1）项目分享链接 
2）问题界面截图
 
 
 
 


<h2 id="设计项目一直加载中无法打开">设计项目一直加载中/无法打开</h2>
首先需要去<a href="https://get.webgl.org/" target="_blank">get.webgl.org</a>，看能否看见一个旋转的立方体（如下图立方体是动态可旋转的）
<img src="https://cdn.modao.cc//hc/sjxmdbk.png" width="500"/>

如果看不到的话那么需要升级显卡驱动：
升级显卡地址：<a href="https://www.nvidia.cn/geforce/drivers/" target="_blank">Nvidia</a>、<a href="https://www.amd.com/zh-hans/support" target="_blank">AMD</a>
 
 
如果升级显卡还是看不到的话，可能需要升级自己的系统哦(windows)
如果可以看到旋转的立方体，但是设计工具依然打不开，你可以：
1.在地址栏中输入chrome://flags
2.找到“Override software rendering ”设置，并将其切换为“ Enabled”
3.找到“WebGL Draft Extensions”设置，并将其切换为“ Enabled”
4.单击立即重新启动按钮以重新启动浏览器。
 
 
 
 
<h2 id="弹窗提示「项目加载超时，请刷新页面或检查网络后重试」">弹窗提示「项目加载超时，请刷新页面或检查网络后重试」</h2>
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%A3%9E%E4%B9%A620220826-150533.png" width="500"/>

首先，请检查网络连接是否正常，保持网络连接正常；
其次，请检查C盘空间是否不足5G。如果C盘空间不足5G，使用C盘磁盘清理工具清理后，可重新打开项目。

页面白屏了

项目打不开

<h1 id="墨刀打不开">墨刀打不开</h1>
 

<h2 id="无法连接到服务器">无法连接到服务器</h2>
遇到无法连接到服务器的情况主要有4种可能： 
1、本地与服务器连接不稳定。请您用浏览器（chrome）打开墨刀，如能正常打开，应该是这种情况，请您先暂时使用浏览器操作，20分钟后再打开客户端。 
2、网络代理导致与服务器连接异常。如果您开了网络代理（VPN），请您完全关闭后再重新打开墨刀。 
3、网络设置存在问题。您可以尝试把DNS修改为<code>114.114.114.114</code> ，修改操作请您根据系统选择参考：<a href="https://jingyan.baidu.com/article/e5c39bf51ff40339d7603383.html" target="_blank">windows系统</a>、<a href="https://jingyan.baidu.com/article/4dc40848081204c8d946f184.html" target="_blank">mac系统</a>
4、Windows客户端白屏，连接不上服务器，有可能是被Windows smartscreen禁止了运行，您关闭这一功能后，重启客户端应该就可以正常运行。
关闭阻止SmartScreen的操作方法如下:
快捷键<code>Win+X</code> - 控制面板 - 操作中心 - 更改Windows SmartScreen筛选器设置 - 不执行任何操作 - 确定。
点击可见<a href="https://zhidao.baidu.com/question/2208010216987558628.html](https://zhidao.baidu.com/question/2208010216987558628.html" target="_blank">具体操作文档指南</a>
 
 
 
 


<h2 id="点击墨刀图标没有反应">点击墨刀图标没有反应</h2>
点击墨刀启动图标没有反应主要有2种可能： 
1、电脑存在问题。您重启电脑正常即可恢复。 
2、杀毒软件误删了墨刀文件。您可以下载最新版的墨刀客户端重新安装。
 
 
 
 

<h2 id="卡在正在打开墨刀的界面">卡在正在打开墨刀的界面</h2>
打开客户端卡在「正在打开墨刀」界面，这一般是缓存问题导致的，请您用删除文件夹的方式清除一下缓存，再重新打开即可。
这是<a href="/hc/articles/127" target="_blank">清除缓存</a>的教程
 
 
 
 

<h2 id="卡在欢迎回来的界面">卡在欢迎回来的界面</h2>
打开墨刀卡在欢迎回来界面一般是网络连接问题导致的，您可以通过以下方式解决： 
1、切换一个网络重新打开。 
2、如果开启了网络代理（VPN），完全关闭后重新打开。
 
 
 
 

<h2 id="提示无法访问此网站">提示无法访问此网站</h2>
提示无法访问此网站一般是网络连接存在问题。 
1、如果您开了网络代理（VPN），建议您完全关闭后再重新打开墨刀。 
2、如果不是上述原因导致的，请您暂时用手机开热点让电脑暂时连接或者切换另一个网络，看是否能正常进入墨刀

无法连接墨刀服务器

墨刀打不开

<h2 id="创建页面">创建页面</h2>
目前版本有3种方式可创建页面。
1.点击上方「新建页面」直接创建
<img src="https://cdn.modao.cc/v8/2215331-1.png" style="width:600px">

 
 

2.使用快捷键「A」快速创建。
3.使用快捷键 Ctrl+C、Ctrl+V 可快速复制粘贴页面。
 
 
 
 


<h2 id="设置页面组件外观">设置页面/组件外观</h2>
选中整个页面画板时，您可以在右侧的外观设置面板中设置页面画板的外观（尺寸、背景色）。
<img src="https://cdn.modao.cc/v8/1206331-8.png" style="width:600px">

 
 

选中某个组件时，您可以在右侧的外观设置面板中设置组件的外观（如位置、大小、颜色、透明度、阴影、动效等）。 
<img src="https://cdn.modao.cc/v8/1206331-9.png" style="width:600px">

 
 
 
 

<h2 id="隐藏网格线">隐藏网格线</h2>
选中页面时，您可以在编辑区右侧的外观设置面板中隐藏网格线。 
<img src="https://cdn.modao.cc/v8/120636-2.png" alt="drawing" width="600px"/>
 
 
 
 



<h2 id="调整页面顺序">调整页面顺序</h2>
鼠标悬浮在页面上直接往上或往下拖拽即可调整页面顺序。
<img src="https://cdn.modao.cc/v8/1206331-16.gif" style="width:500px">


注：IE浏览器不支持页面拖动，建议使用谷歌浏览器/墨刀客户端
 
 
 
 
<h2 id="设置页面横屏">设置页面横屏</h2>
选中页面时，您可以在右侧的外观设置面板中设置页面页面为横屏或者竖屏。 
需要注意的是，只有手机项目才可以设置横竖屏，网页尺寸项目默认横屏，无竖屏选项。
<img src="https://cdn.modao.cc/v8/1206331-17.png" style="width:800px">


 
 
 
 


<h2 id="设置页面高度（长页面）">设置页面高度（长页面）</h2>
选中页面后，鼠标悬浮在页面底部，按住向下拖拽即可调整页面高度（拉长页面）。如果需要精确设置页面高度的值，可以在右侧的页面外观设置中输入数值设置。
拉长页面高度超过一屏后，在运行时会以滚动的形式展示。
<img src="https://cdn.modao.cc/v8/1206331-18.gif" style="width:800px">


 
 
 
 


<h2 id="批量导入图片生成页面">批量导入图片生成页面</h2>
如果您需要批量上传图片创建页面，您可以在电脑桌面多选这些图片，然后拖拽到项目编辑区的页面列表区域，图片就会自动上传并创建页面。 上传完成后，您可以直接添加交互，进行演示。
 
 
 
 
<h2 id="合并项目">合并项目</h2>
把几个项目的页面合并成一个，可以通过「转移页面」功能来实现：
在项目A中选择所需页面，点击页面右侧的「更多」-「移动到」按钮，在弹出的面板中选择需要移入的空间-文件夹-项目B，就可以将项目A的页面转移（合并）到项目B中了。
需要注意的是：
1、项目不能没有页面，因此如果需要转移所有页面，得先新建一个一级空白页面。
2、移动页面时可选择「复制并移动副本」，这样原页面会保留，只会将副本移动到新项目中。
<img src="https://cdn.modao.cc//hc/hbxm.png" style="width:700px">

查看更多

新建页面

<h1 id="添加交互事件">添加交互事件</h1>
墨刀支持为页面或组件添加交互跳转事件，模拟用户使用产品交互时的真实体验，让你的原型“动”起来。
 
 
 
<h2 id="交互事件介绍">交互事件介绍</h2>
 
 
要添加一个交互事件，需要设置触发事件以及行为。
 
 

<ul>
<li>触发事件：包括单击、长按、鼠标移入移出、定时器等，只要进行对应的触发动作就能使交互事件生效。 
 </li>
</ul>
<img src="https://cdn.modao.cc/%2Fhc%2Fa1.png" style="width:460px">
 
 

<ul>
<li>行为：包括跳转页面、跳转超链接、切换组件状态、滚动到和显示/隐藏。触发事件后原型会发生对应的交互行为。 
 
<img src="https://cdn.modao.cc/v8/1206334-1.png" style="width:438px"></li>
</ul>
设置好以上两点后，还需要进一步选择跳转/切换的目标元素，以及具体的跳转方式，另外也可以添加切换动效。
这样在预览时就能进行高保真的交互体验了。
 
 
使用tips：
同一元素的同类型事件支持多个行为。如单击一个组件，可切换多个动态组件的状态。
 
部分同类行为可能会产生冲突导致事件失效，请检查后重新设置。
 
 
 
<h3 id="跳转页面超链接">跳转页面/超链接</h3>
跳转页面：支持跳转至该原型项目内的其他页面。
跳转超链接：支持跳转至其他网页网站。
 
 
 
<h3 id="切换页组件状态">切换页组件状态</h3>
若页面或组件具有多个状态，支持进行状态切换。
ps：仅支持当前页面或当前页面内的动态组件。
 
 
<img src="https://cdn.modao.cc/v8/1206334-2.png" style="width:458px">
 
 
 
<h3 id="滚动到">滚动到</h3>
触发【滚动到】事件后，当前页面可以滚动至所选目标元素位置。
 
使用【滚动到】交互效果时，页面内画布需拉长至超过当前原型设定屏幕长度。
 
 
<img src="https://cdn.modao.cc/v8/1206334-3.png" style="width:800px">
 
 
添加事件后，目标元素顶部会生成滚动参考线。可以使用鼠标上下拖动调整具体位置，也可在右侧面板设置【偏移目标】数值进行微调。
 
 
 
 
<h3 id="显示隐藏">显示/隐藏</h3>
【显示/隐藏】事件可以快速切换目标元素的显示状态。
在右侧事件面板，可选【显示/隐藏/切换】三种类型，其中切换是指多次触发可切换显示/隐藏状态。
 
 
<img src="https://cdn.modao.cc/v8/1206334-4.png" style="width:800px">
 
 
您也可以使用动态组件来实现显示/隐藏效果。具体方法请查看<a href="https://modao.cc/hc/articles/57" target="_blank">动态组件</a>
 
 
<h2 id="动态组件的交互事件">动态组件的交互事件</h2>
 
墨刀支持为动态组件中的元素添加交互事件，如切换页面状态、其他组件状态等。能够实现丰富的动态效果。
 
 
<img src="https://cdn.modao.cc/v8/1206334-6.gif" style="width:800px">
 
 

<h2 id="快速添加删除交互事件">快速添加/删除交互事件</h2>
 

<h3 id="添加交互事件的方法">添加交互事件的方法</h3>
有两种操作方法为原型添加交互事件。
1.选中需要添加交互的页面/元素组件，点击右侧的设置面板-事件-添加事件。
 
 
<img src="https://cdn.modao.cc/v8/1206334-5.png" style="width:800px">
 
 
2.选中需要添加交互的元素组件，拖动左侧的【闪电】图标，即可快速创建事件。
-拖动至左侧页面列表中的某一页面，默认快速创建【单击切换页面】事件。
-拖动至目标元素组件，会弹出行为菜单，选择需要的行为即可快速创建事件；如果当前状态仅支持一种行为，则会直接创建事件。
 
 
<img src="https://cdn.modao.cc/v8/1206334-7.gif" style="width:800px">
 
 
 
 
<h3 id="删除交互事件的方法">删除交互事件的方法</h3>
有两种操作方法删除已添加的交互事件。
1.选中已添加交互的页面/元素组件，点击右侧的设置面板-事件-删除按钮。
 
 
<img src="https://cdn.modao.cc/%2Fhc%2Fa10088.png" style="width:800px">
 
 
2.当显示事件链接线时，选中已添加交互的页面/元素组件，点击链接线上的【剪刀】按钮，即可快速删除事件。
 
 
<img src="https://cdn.modao.cc/%2Fhc%2Fa10089.png" style="width:800px">
 
 
 
 
<h2 id="事件相关偏好设置">事件相关偏好设置</h2>
在左上角【更多】下拉菜单-偏好设置，或【事件】面板-设置，可以打开偏好设置弹窗。
 
 
<img src="https://cdn.modao.cc/v8/1206334-8.png" style="width:800px">
 
 
与事件相关的设置包括：
1.常用-链接：可以设置添加事件后，页面中的标识方式，可选择不显示/只显示角标/显示线+角标。
 
 
<img src="https://cdn.modao.cc/%2Fhc%2Fa10091.jfif" style="width:800px">
 
 
2.动效：可设置切换页面/组件状态时的默认动效为无动效/智能动画效果。

如何为我的原型添加交互动效

添加交互事件

<h1 id="其他操作">其他操作</h1>
<h2 id="查找替换">查找/替换</h2>
查找替换功能可以用来批量修改原型内的文字。
使用方法很简单，使用快捷键 <code>Ctrl+F</code> 调出查找替换面板或者在左上角点击编辑选择查找/替换，
<img src="https://cdn.modao.cc/v8/1206335-1.png" alt="drawing" width="500px"/>

输入查找关键词后点击查找即可依次查看（部分隐藏内容需要手动操作才可以显示哦），在选项出点击下拉显示替换，即可单个或全部替换为想要更改的文字。如果需要全部页面内搜索把当前页面选择更换为全部页面即可。
<img src="https://cdn.modao.cc/v8/1206335-2.png" alt="drawing" width="500px"/>

 
 
 
 

<h1 id="连接线">连接线</h1>
 
 

新增「连接线」功能，让页面流程表达更流畅，逻辑展示更流畅。
让不同的页面串联更加清晰，实现更加精细化的流程展示。
 
 

<h2 id="添加连接线">添加连接线</h2>
 

可在需要的任意地方添加连接线右侧外观可根据实际需求进行颜色、粗细、端点及样式的调整。
<img src="https://cdn.modao.cc/v8/1215381-1.jpg" width="700"/>
 
 
 

<h2 id="标尺与参考线">标尺与参考线</h2>
在原型编辑区的上方和左侧设有标尺，可以帮助您把精确调整元素组件的位置和尺寸，
从标尺上可以拖拽出参考线，能够辅助您便捷地定位图像或对齐元素。
 
 
 
<h3 id="标尺">标尺</h3>
上方和左侧的「标尺」分别与画布的 X、Y 值相对应，在绘制原型的过程中就能通过标尺更便捷直观地查看元素和组件的坐标位置。
在左上角下拉菜单，点击【偏好设置】-【标尺】，能够切换标尺的显示/隐藏状态。
<img src="https://cdn.modao.cc/v8/1206335-3.png" width="700px"/>

 
 

<h4 id="标尺右键菜单">标尺右键菜单</h4>
鼠标放置在标尺区域，并单击右键弹出菜单，能够勾选设置显示标尺、显示参考线、对齐参考线，也可以批量删除横向/纵向参考线。
<img src="https://cdn.modao.cc/hc/scaleplate/scaleplate02.jpg" width="600px"/>

 
 
 
需要注意的有：
1.选择不显示标尺时，参考线也会隐藏。
2.开启对齐参考线功能后，页面元素靠近参考线时，可触发吸附效果；同时拖动参考线也会自动吸附附近的元素。
 
 
 
<h3 id="参考线">参考线</h3>
从标尺上可以拖拽出多条参考线，以辅助定位或对其元素及组件。
 
 
<h4 id="添加参考线">添加参考线</h4>
将鼠标靠近标尺区，能够看到鼠标切换为拖拽样式，此时单击鼠标并向下或向右滑动，并在合适的位置松开鼠标，即可创建参考线。
<img src="https://cdn.modao.cc/v8/1206335-4.gif" width="700px"/>
 
 
 
 
同一页面中可创建多条横向及纵向的参考线，参考线不会同步至所有页面。
操作时需要注意：
<ul>
<li>从上方标尺拖拽出的是 X 轴（横向）的参考线</li>
<li>从左侧标尺拖拽出的是 Y 轴（竖向）的参考线</li>
</ul>
 
 
<h4 id="移动参考线">移动参考线</h4>
有两种方式可以对参考线进行移动。
1.将鼠标靠近目标参考线，鼠标样式会发生改变，此时直接单击鼠标并拖动即可移动参考线。
2.鼠标单击目标参考线，该参考线即会切换为蓝色的选中状态，使用键盘方向键即可移动参考线，每次移动的距离为1像素；按住shift+方向键，每次移动的距离为10像素。
 

<h4 id="穿透参考线">穿透参考线</h4>
按住<code>shift</code>可穿透参考线，选择参考线下方的元素。
 
 
<h4 id="删除参考线">删除参考线</h4>
有两种方式可以删除参考线。
1.拖动参考线至上方或左侧的标尺区域，鼠标会切换至【取消】状态，此时松开鼠标，参考线即被删除。
<img src="https://cdn.modao.cc/v8/1206335-5.gif" width="700px"/>

 
 
 
2.单击选中参考线，使用键盘<code>delete</code>键即可快捷删除。
 
 
 
 


<h2 id="使用、隐藏一屏线（蓝色虚线）">使用、隐藏一屏线（蓝色虚线）</h2>
<h4 id="一屏线的作用">一屏线的作用</h4>
页面编辑区的蓝色虚线可以理解为「一屏线」，这条线能让您在设计页面时了解当前页面在处在第一屏（不滚动）时能呈现那些页面内容。
<img src="https://cdn.modao.cc//hc/ypx.png" alt="drawing" width="500"/>

 
 

<h4 id="隐藏一屏线">隐藏一屏线</h4>
一屏线可以和网格一起隐藏。不选中页面画布中的任何组件，在编辑区右侧的外观设置面板中取消网格勾选即可。 
<img src="https://cdn.modao.cc/v8/1206335-6.png" alt="drawing" width="500px"/>
 
 
 
 

<h2 id="测距显示测距标注">测距/显示测距标注</h2>
选中组件后，按住<code>Alt</code>，即可快速查看组件的测距标注信息。
 
 
 
 
<h2 id="撤销重做">撤销/重做</h2>
撤销和重做可以使用快捷键操作： 
撤销 Mac：<code>Cmd+Z</code> / Windows：<code>Ctrl+Z</code>
重做 Mac：<code>Cmd+Y</code> / Windows：<code>Ctrl+shift+Y</code>
 
 
 
 




<h2 id="调整图层顺序">调整图层顺序</h2>
组件的图层顺序有两种调整方式： 
1、选中组件，点击编辑区的顶部工具栏「图层」进行调整（如：置顶、置底）。 
2、在编辑区左侧的元素列表中直接上下拖拽元素调整图层顺序。 
<img src="https://cdn.modao.cc/v8/1206335-7.png" alt="drawing" width="500"/>


 
 
 
 


<h2 id="页面列表元素组件列表多选">页面列表/元素组件列表多选</h2>
墨刀支持页面列表/元素列表多选，具体操作如下，
页面列表：
按住shift,单击首尾两个页面即可选中两页面中间的所有页面，进行统一的移动/删除操作；
按住<code>command</code>（Mac）/ <code>ctrl</code>（Windows），即可逐个页面进行选择。
<img src="https://cdn.modao.cc/v8/1206331-10.png" style="width:400px">

 

元素组件列表：
按住shift,单击首尾两个元素组件即可选中列表中两组件中间的所有元素，然后右键进行组合/图层调整等操作；
按住<code>command</code>（Mac）/ <code>ctrl</code>（Windows），即可逐个元素组件进行选择，然后右键进行组合/图层调整等操作。
<img src="https://cdn.modao.cc/v8/1206331-11.png" style="width:400px">

 
 
 
 




<h2 id="怎么拖动画布">怎么拖动画布</h2>
按住空格键后，鼠标拖拽即可自由拖动画布。 
 
 
 
 
<h2 id="缩小、放大画布">缩小、放大画布</h2>
页面画布的大小可以在编辑区的顶部工具栏中调整。
您也可以使用快捷方式操作：Ctrl+鼠标滚轮滚动。 
 
 
 
 
<h2 id="刷新界面">刷新界面</h2>
刷新界面的快捷键： 
Windows：<code>Ctrl+R</code> / Mac：<code>Command+R</code>

墨刀原型的使用小技巧

使用技巧

<h1 id="项目演示">项目演示</h1>
 

<h2 id="电脑端直接打开演示">电脑端直接打开演示</h2>
在项目管理页选中项目点击「预览」或者在项目编辑区的右上角点击「预览」，即可电脑端直接进行原型演示。 
<img src="https://cdn.modao.cc//hc/ylfx.png" width="500"/>

 
 
 
 

<h2 id="手机微信扫码打开演示">手机微信扫码打开演示</h2>
在项目管理页选中项目点击分享，在分享设置界面用微信扫描项目二维码即可进行原型演示。 
如需把原型发给其他人预览，您可以复制项目分享链接或者保存二维码图片发送给对方。 
 
 
 
 

<h2 id="使用墨刀手机app打开">使用墨刀手机APP打开</h2>
在应用宝（安卓设备）或Appstore（苹果设备）搜索「墨刀」，下载墨刀移动客户端，登录墨刀帐号，即可查看、演示在电脑端制作的墨刀项目。
 
 
 
 

<h2 id="安装到手机桌面（android）">安装到手机桌面（Android）</h2>
原型协作版（原企业版）付费用户可以使用APK下载功能，此功能可以让您把电脑端制作的原型项目以APK的形式安装到安卓设备的桌面进行预览和演示。 
APK下载有2种方式： 
1、在电脑端编辑区界面的顶部工具栏，点击「下载」，选择下载APK文件。 
<img src="https://cdn.modao.cc//hc/azdsj2.png" width="500px"/>
 
 
 

2、用手机打开原型项目分享链接，点击「安卓 APK 离线下载」。 下载完成后，点击APK文件即可像安装正常APP一样安装到桌面。 
<img src="https://cdn.modao.cc//hc/azdsj.png" width="500px"/>
 
 
 

<h2 id="安装到手机桌面（ios）">安装到手机桌面（iOS）</h2>
ios设备可以通过safari浏览器把项目安装到桌面。
具体操作如下： 
1、用微信打开项目分享链接，点击「添加到主屏幕」，选择在safari中打开。
<img src="https://cdn.modao.cc//hc/iosazzm.jpg" width="500px"/>
 
 

2、点击发送「选择添加到主屏幕」，点击添加。添加完成后，即可在ios设备的桌面看到这个项目。
<img src="https://cdn.modao.cc//hc/iosazzm2.jpg" width="500px"/>
 
 
 
 

<h2 id="电脑端离线演示">电脑端离线演示</h2>
下载HTML文件用浏览器打开，可以实现在电脑端离线演示项目的功能。HTML下载是付费功能，原型版（原个人版）付费用户和原型协作版（企业版）付费用户均可下载，免费版不支持下载。 
HTML文件具体使用步骤： 
1、在电脑端编辑区界面的顶部工具栏，点击「下载」，选择下载HTML文件。
<img src="https://cdn.modao.cc//hc/dndys.png" width="500px"/>
 
 

2、下载完文件，解压文件，双击用浏览器打开index文件（建议用chrome浏览器打开）
<img src="https://cdn.modao.cc//hc/dndys2.png" width="500px"/>
 
 
 
 

<h2 id="手机端离线演示">手机端离线演示</h2>
手机端离线演示有两种方式：
1、墨刀APP离线演示
打开墨刀APP，打开需要离线演示的项目，双指点击屏幕调出设置面板，选择「开启离线」。
<img src="https://cdn.modao.cc//hc/sjdys.png" width="500px"/>
 
 

2、安装安卓APK离线演示
在编辑区顶栏点击「下载」，选择「安卓 APK」，下载安装到安卓设备上。
<img src="https://cdn.modao.cc//hc/sjdys2.png" width="500px"/>

 
 
 
 

<h2 id="运行时关闭高亮链接区域">运行时关闭高亮链接区域</h2>
1.电脑端查看：
在项目管理页选中项目，点击「分享」，在分享设置中取消「高亮链接区域」的勾选即可关闭高亮链接区域。 
<img src="https://cdn.modao.cc//hc/gbgl.png" width="700"/>
 
 


2.微信扫码查看：
设置与电脑端同步，如需关闭高亮在电脑端的分享设置中关闭即可。
 
 
3.手机APP、安卓APK查看：
打开项目，双指点击屏幕，在弹出的设置面板中设置取消高亮。
 
 
 
 

<h2 id="运行快捷键">运行快捷键</h2>
运行的快捷键是<code>Ctrl+P</code>。
 
 
 
 

<h2 id="运行时隐藏页面列表">运行时隐藏页面列表</h2>
在运行界面点击右上角的「全屏模式」按钮，即可隐藏项目页面列表。
<img src="https://cdn.modao.cc//hc/ycymlb.png" width="500px"/>

 
 
 
 

<h2 id="显示、隐藏手机边框">显示、隐藏手机边框</h2>
在项目管理页选中项目，点击「分享」，在分享页的「效果」中可以设置是否显示项目边框。 
如须临时设置显示隐藏项目边框，可以在运行界面右上角点击「设置」按钮来调整。
<img src="https://cdn.modao.cc//hc/sjbk.png" width="500px"/>

如何向成员演示我的原型

项目演示

<h1 id="素材面板">素材面板</h1>
「素材面板」功能，能够让您在绘制原型时便捷地使用官方内置素材，一键复用，减少重复工作；以及设定自制/企业设计系统的素材库内容，提高原型绘制的效率和质量。
素材面板共分为组件、图标、图片、页面、母版五部分，布局直观、搜索高效、收藏简单。
在原型工具的编辑页面中，「素材面板」支持两种布局，①放在最左侧②放在最右侧。可根据自己的实际需求选择布局页面。
编辑中心左下角「...」即可选择素材面板的放置方位。
<img src="https://cdn.modao.cc/v8/1206374-1.png" width="800"/>

 
 

默认您的「素材面板」位于左侧，呈现效果如下图。
<img src="https://cdn.modao.cc/v8/1206374-2.png" width="800"/>

 
 
<img src="https://cdn.modao.cc/v8/1206374-3.png" width="800"/>

 
 

<h2 id="组件素材">组件素材</h2>
在左侧工具栏可以打开组件素材面板，也可以使用快捷键 <code>1</code> 快速打开。
再次点击「组件」按钮，或再次使用快捷键 <code>1</code> 即可关闭面板。
 

<h3 id="内置组件">内置组件</h3>
在内置组件部分中，顶部有组件素材分类导航，共有常用、表单、导航、图表、多媒体五类组件。点击即可快速定位到对应位置，便捷使用组件。
<img src="https://cdn.modao.cc/v8/1206374-4.png" width="500"/>

 
 

常用组件包括文字、形状、图片、按钮、占位符等，具体使用教学请查看<a href="https://modao.cc/hc/articles/14">常用组件</a>。
表单、导航、图表等组件封装了完整的交互、支持直接编辑内容，具有高复用性。具体使用教学请查看<a href="https://modao.cc/hc/articles/25">高级组件</a>。
多媒体组件可以帮助您在原型中快速嵌入图片、视频、音频、二维码、地图等。具体使用教学请查看<a href="https://modao.cc/hc/articles/28">多媒体组件</a>。
 
 

<h3 id="我的组件">我的组件</h3>
「我的组件」分为自制和收藏两类。
如果是企业空间的项目，还会有「企业组件」。企业素材库支持共享组件，可将现有素材一键添加，多人共同维护。
企业素材库是一个企业成员共享的资源库，可以帮助企业成员进行素材的快速复用，提升工作效率以及达成企业产品设计的风格统一。
 

<h4 id="自制组件">自制组件</h4>
在墨刀，你可以将任何组件（组合）创建为“我的组件”，收录到“自制组件”中，具体创建方式可以查看<a href="https://modao.cc/hc/articles/27">我的组件</a>。
点击右上角的「新建文件夹」按钮，可以创建文件夹，更加清晰地管理组件素材。点击并拖动文件夹栏目，还能够为文件夹排序。
<img src="https://cdn.modao.cc/v8/120634-5.gif" width="500"/>

 
 

<h4 id="收藏组件">收藏组件</h4>
「收藏」栏目中包含了您在墨刀官方素材广场收藏过的组件素材，不限制收藏数量，可以直接预览和使用。
点击右上角的「加号」按钮，会进入发现栏目查看更多官方推荐的组件素材内容，选中并收藏后就会在收藏栏目呈现。
注：之前已经收藏（引用）的组件数据，也会合并至新的素材面板中。
 
 

<h3 id="发现组件">发现组件</h3>
「发现」部分呈现了丰富的组件素材，并在顶部进行了推荐和分类，能够一键复用素材，减少重复工作，帮助您将更多精力投入到产品创意中。
选择合适的一、二级分类并点击「全部」即可查看符合要求的组件并收藏使用。
 
 
 
 

<h2 id="图标素材">图标素材</h2>
在左侧工具栏可以打开图标素材面板，也可以使用快捷键 <code>2</code> 快速打开。
图标素材面板有发现和图标库两部分。
<img src="https://cdn.modao.cc/v8/1206374-6.png" width="500"/>

 
 

发现栏目为您推荐了绘制原型时常用的图标内容，方便使用。
图标库栏目包含「收藏」和「素材广场」两部分。素材广场中有风格各异的图标包，点击可以查看详情并收藏。
 

图标的具体使用方法和技巧可以查看<a href="https://modao.cc/hc/articles/37">图标组件</a>。
 
 
 
 

<h2 id="图片素材">图片素材</h2>
在左侧工具栏可以打开图片素材面板，也可以使用快捷键 <code>3</code> 快速打开。
图片素材分为我的（企业） 和发现两部分。
您可以从本地上传图片，这些图片将以文件夹的形式呈现，同样文件夹也支持拖拽排序。
企业版用户还可以选择将图片素材上传至个人素材库或者企业素材库，分别管理您的图片素材。
<img src="https://cdn.modao.cc/hc%2Fpicture-1.jpg" width="600"/>

 
 

点击发现，我们为您提供了人物、动物、美食、风景等7类图片素材，双击或拖拽都能轻松使用，帮助您更佳便捷地完成原型绘制。
<img src="https://cdn.modao.cc/v8/1206374-7.png" width="600"/>

 
 
 
 

<h2 id="页面素材">页面素材</h2>
在左侧工具栏可以打开页面素材面板，也可以使用快捷键 <code>4</code> 快速打开。
<img src="https://cdn.modao.cc/hc/templetpanel/ymmb.png" width="500"/> 

 
 

页面素材面板中分为发现和收藏两部分。
发现栏目中为您整理推荐了部分页面主题，每天我们都会为您更新海量素材以供使用。
点击即可查看相关的页面素材，选择收藏后就能够存放在收藏栏目中，更加便捷地复用整个页面了。
 
 
 
 

<h2 id="全局搜索">全局搜索</h2>
在素材面板四大栏目的顶部，都分别设置了搜索栏。
点击可以搜索素材关键字，还能够查看您的搜索历史以及搜索量较高的关键词推荐。
<img src="https://cdn.modao.cc/hc/templetpanel/qjss.png" width="500"/>

 
 

搜索结果包含了组件、图标、图片、页面四个类目。点击切换即可快速查看其他类目的素材内容。
您可以通过搜索查找您创建的文件夹、创建的组件、上传的图片，以及墨刀提供的丰富素材内容。
<img src="https://cdn.modao.cc/hc/templetpanel/ssjg.png" width="500"/>

 
 

如果未能搜索到您需要的相关内容，可以点击「提交反馈」联系我们优化素材内容及搜索结果。
 
 
 
 

<h2 id="素材库">素材库</h2>
在组件、图标、图片、页面四大栏目的右上角，点击「素材库」按钮或是使用快捷键 <code>A</code> 都能打开个人素材库。
素材库的具体使用请查看<a href="https://modao.cc/hc/articles/39">素材库</a>。
 
 
 
 

<h2 id="最近使用">最近使用</h2>
在组件、图标、图片、页面四大栏目的右上角，点击「最近使用」按钮，即可看到您最近使用过的四类素材内容，更加便捷地进行复用。
同时顶部也能够通过关键词搜索您使用过的符合条件的素材，更加快速地找到您需要的素材内容。
<img src="https://cdn.modao.cc/v8/1206374-8.png" width="500"/>

如何使用内置原型素材

素材面板

查看全部

<h1 id="页面交互">页面交互</h1>
<h2 id="页面状态">页面状态</h2>
<h3 id="页面状态设置与添加">页面状态设置与添加</h3>
设置面板的右边有几个按钮，点击第一个圆形按钮后就可以设置页面状态了。
点击状态面板中的「新建」或「复制」按钮即可新建状态。
其中第一个状态就是页面的默认显示状态，也就是当我们打开一个页面时，页面最开始呈现的样子（状态）。
可以通过鼠标拖拽调整页面状态顺序。
<img src="https://cdn.modao.cc/helpcenter/images/prototype/ymzt.png" width="700px"/>

 
 
 
 


<h3 id="页面状态的作用">页面状态的作用</h3>
页面状态可以用来实现页面内整体的交互动画。举个例子：
使用页面状态切换，我们可以让页面中一个图片（组件）的位置、大小、颜色发生改变。
<img src="https://cdn.modao.cc//hc/%E9%A1%B5%E9%9D%A2%E7%8A%B6%E6%80%81.gif" width="700px"/>

 
 
 
 


<h3 id="页面状态切换和页面切换的区别">页面状态切换和页面切换的区别</h3>
上图的状态切换会有组件平滑移动的效果，我们可以称之为智能动画。页面切换则没有这种平滑移动的效果，会是生硬的切换，就像这样：
<img src="https://cdn.modao.cc//hc/%E9%A1%B5%E9%9D%A2%E5%88%87%E6%8D%A2.gif" width="700"/>

 
 
 
 

<h3 id="如何实现页面状态切换">如何实现页面状态切换</h3>
在一个页面状态中，为该页面全局或组件添加跳转交互，就能实现页面状态的切换。
1.选中页面的状态1，在右侧面板选择「全局事件」，设置行为“切换页面状态”，选择需要切换的状态即可。这样在运行时点击页面全局的任何一个位置都可以实现切换。
2.选中页面状态1中的任何一个组件，拖动左侧闪电图标到目标状态，或是在右侧选择「添加事件」进行设置。这样在运行时点击这个组件就能实现切换。
<img src="https://cdn.modao.cc//hc/%E6%88%AA%E5%B1%8F2022-01-27%20%E4%B8%8A%E5%8D%8811.02.06.png" width="700px"/>

 
 
 
 


<h2 id="网页跳转插入外部链接">网页跳转/插入外部链接</h2>
 

使用交互事件中的超链接功能即可实现网页跳转效果。
1、选中任意元素，添加事件，选择跳转超链接
<img src="https://cdn.modao.cc//hc/wytz.png" width="400"/>
 
 
 


2、选择跳转到当前页面或者新开窗口，输入允许跳转的http/https协议的地址
<img src="https://cdn.modao.cc//hc/wytz2.png" width="400"/>
 
 
 

<h2 id="定时跳转">定时跳转</h2>
选中画布后，在链接设置面板中可以为页面或状态设置定时跳转的效果。
<img src="https://cdn.modao.cc//hc/dstz.png" width="700px"/>

页面交互

<h1 id="其他操作">其他操作</h1>
<h2 id="查找替换">查找/替换</h2>
查找替换功能可以用来批量修改原型内的文字。
使用方法很简单，使用快捷键 <code>Ctrl+F</code> 调出查找替换面板或者在左上角点击编辑选择查找/替换，
<img src="https://cdn.modao.cc//hc/czth.png" alt="drawing" width="500px"/>

输入查找关键词后点击查找即可依次查看（部分隐藏内容需要手动操作才可以显示哦），在选项出点击下拉显示替换，即可单个或全部替换为想要更改的文字。如果需要全部页面内搜索把当前页面选择更换为全部页面即可。
<img src="https://cdn.modao.cc//hc/czth2.png" alt="drawing" width="500px"/>

 
 
 
 

<h2 id="标尺与参考线">标尺与参考线</h2>
在原型编辑区的上方和左侧设有标尺，可以帮助您把精确调整元素组件的位置和尺寸，
从标尺上可以拖拽出参考线，能够辅助您便捷地定位图像或对齐元素。
 
 
 
<h3 id="标尺">标尺</h3>
上方和左侧的「标尺」分别与画布的 X、Y 值相对应，在绘制原型的过程中就能通过标尺更便捷直观地查看元素和组件的坐标位置。
在左上角下拉菜单，点击【偏好设置】-【标尺】，能够切换标尺的显示/隐藏状态。
<img src="https://cdn.modao.cc/hc/scaleplate/scaleplate01.jpg" width="700px"/>

 
 

<h4 id="标尺右键菜单">标尺右键菜单</h4>
鼠标放置在标尺区域，并单击右键弹出菜单，能够勾选设置显示标尺、显示参考线、对齐参考线，也可以批量删除横向/纵向参考线。
<img src="https://cdn.modao.cc/hc/scaleplate/scaleplate02.jpg" width="600px"/>

 
 
 
需要注意的有：
1.选择不显示标尺时，参考线也会隐藏。
2.开启对齐参考线功能后，页面元素靠近参考线时，可触发吸附效果；同时拖动参考线也会自动吸附附近的元素。
 
 
 
<h3 id="参考线">参考线</h3>
从标尺上可以拖拽出多条参考线，以辅助定位或对其元素及组件。
 
 
<h4 id="添加参考线">添加参考线</h4>
将鼠标靠近标尺区，能够看到鼠标切换为拖拽样式，此时单击鼠标并向下或向右滑动，并在合适的位置松开鼠标，即可创建参考线。
<img src="https://cdn.modao.cc/hc%2Fscaleplate%2F05.gif" width="700px"/>
 
 
 
 
同一页面中可创建多条横向及纵向的参考线，参考线不会同步至所有页面。
操作时需要注意：
<ul>
<li>从上方标尺拖拽出的是 X 轴（横向）的参考线</li>
<li>从左侧标尺拖拽出的是 Y 轴（竖向）的参考线</li>
</ul>
 
 
<h4 id="移动参考线">移动参考线</h4>
有两种方式可以对参考线进行移动。
1.将鼠标靠近目标参考线，鼠标样式会发生改变，此时直接单击鼠标并拖动即可移动参考线。
2.鼠标单击目标参考线，该参考线即会切换为蓝色的选中状态，使用键盘方向键即可移动参考线，每次移动的距离为1像素；按住shift+方向键，每次移动的距离为10像素。
 

<h4 id="穿透参考线">穿透参考线</h4>
按住<code>shift</code>可穿透参考线，选择参考线下方的元素。
 
 
<h4 id="删除参考线">删除参考线</h4>
有两种方式可以删除参考线。
1.拖动参考线至上方或左侧的标尺区域，鼠标会切换至【取消】状态，此时松开鼠标，参考线即被删除。
<img src="https://cdn.modao.cc/hc%2Fscaleplate%2F06.gif" width="700px"/>

 
 
 
2.单击选中参考线，使用键盘<code>delete</code>键即可快捷删除。
 
 
 
 


<h2 id="使用、隐藏一屏线（蓝色虚线）">使用、隐藏一屏线（蓝色虚线）</h2>
<h4 id="一屏线的作用">一屏线的作用</h4>
页面编辑区的蓝色虚线可以理解为「一屏线」，这条线能让您在设计页面时了解当前页面在处在第一屏（不滚动）时能呈现那些页面内容。
<img src="https://cdn.modao.cc//hc/ypx.png" alt="drawing" width="500"/>

 
 

<h4 id="隐藏一屏线">隐藏一屏线</h4>
一屏线可以和网格一起隐藏。不选中页面画布中的任何组件，在编辑区右侧的外观设置面板中取消网格勾选即可。 
<img src="https://cdn.modao.cc//hc/ycypx.png" alt="drawing" width="500px"/>
 
 
 
 

<h2 id="测距显示测距标注">测距/显示测距标注</h2>
选中组件后，按住<code>Alt</code>，即可快速查看组件的测距标注信息。
 
 
 
 
<h2 id="撤销重做">撤销/重做</h2>
撤销和重做可以在编辑区内的左上角点击按钮操作。 
<img src="https://cdn.modao.cc//hc/cxcz.png" alt="drawing" width="500"/>
 

您也可以使用快捷键操作： 
撤销 Mac：<code>Cmd+Z</code> / Windows：<code>Ctrl+Z</code>
重做 Mac：<code>Cmd+Y</code> / Windows：<code>Ctrl+shift+Y</code>
 
 
 
 



<h2 id="调整图层顺序">调整图层顺序</h2>
组件的图层顺序有两种调整方式： 
1、选中组件，点击编辑区的顶部工具栏「图层」进行调整（如：置顶、置底）。 
2、在编辑区左侧的元素列表中直接上下拖拽元素调整图层顺序。 
<img src="https://cdn.modao.cc//hc/tztcsx.png" alt="drawing" width="500"/>
 
 
 
 

<h2 id="怎么拖动画布">怎么拖动画布</h2>
按住空格键后，鼠标拖拽即可自由拖动画布。 
 
 
 
 
<h2 id="缩小、放大画布">缩小、放大画布</h2>
页面画布的大小可以在编辑区的顶部工具栏中调整。
您也可以使用快捷方式操作：Ctrl+鼠标滚轮滚动。 
 
 
 
 
<h2 id="刷新界面">刷新界面</h2>
刷新界面的快捷键： 
Windows：<code>Ctrl+R</code> / Mac：<code>Command+R</code>

<h1 id="素材面板">素材面板</h1>
在原型工具的编辑页面中，左侧工具栏设置了「素材面板」功能，能够让您在绘制原型时便捷地使用官方内置素材，一键复用，减少重复工作；以及设定自制/企业设计系统的素材库内容，提高原型绘制的效率和质量。
素材面板共分为组件、图标、图片、页面、母版五部分，布局直观、搜索高效、收藏简单。
<img src="https://cdn.modao.cc/hc/templetpanel/scmb.gif" width="500"/>

 
 

<h2 id="视频讲解">视频讲解</h2>
 

<video poster="https://cdn.modao.cc/hc/templetpanel/poster.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/templetpanel/scmbjc.mp4">
</video>

<code>00:14</code> 全局搜索：在任一素材面板中可以搜索各类素材内容
 
<code>00:53</code> 素材库：打开素材库管理您的素材
 
<code>01:06</code> 最近使用：查看和复用已经使用过的组件
 
<code>01:24</code> 组件面板介绍：管理和使用内置、自制及收藏的组件素材
 
<code>03:02</code> 图标面板介绍：筛选使用墨刀内置图标素材
 
<code>03:30</code> 图片面板介绍：上传图片至个人/企业空间并管理
 
<code>03:49</code> 页面面板介绍：筛选和收藏丰富的页面素材模版
 
 
 
 

<h2 id="组件素材">组件素材</h2>
在左侧工具栏可以打开组件素材面板，也可以使用快捷键 <code>1</code> 快速打开。
再次点击「组件」按钮，或再次使用快捷键 <code>1</code> 即可关闭面板。
 

<h3 id="内置组件">内置组件</h3>
在内置组件部分中，顶部有组件素材分类导航，共有常用、表单、导航、图表、多媒体五类组件。点击即可快速定位到对应位置，便捷使用组件。
<img src="https://cdn.modao.cc/hc/templetpanel/nzzj.png" width="500"/>

 
 

常用组件包括文字、形状、图片、按钮、占位符等，具体使用教学请查看<a href="https://modao.cc/hc/articles/14">常用组件</a>。
表单、导航、图表等组件封装了完整的交互、支持直接编辑内容，具有高复用性。具体使用教学请查看<a href="https://modao.cc/hc/articles/25">高级组件</a>。
多媒体组件可以帮助您在原型中快速嵌入图片、视频、音频、二维码、地图等。具体使用教学请查看<a href="https://modao.cc/hc/articles/28">多媒体组件</a>。
 
 

<h3 id="我的组件">我的组件</h3>
「我的组件」分为自制和收藏两类。
如果是企业空间的项目，还会有「企业组件」。企业素材库支持共享组件，可将现有素材一键添加，多人共同维护。
企业素材库是一个企业成员共享的资源库，可以帮助企业成员进行素材的快速复用，提升工作效率以及达成企业产品设计的风格统一。
 

<h4 id="自制组件">自制组件</h4>
在墨刀，你可以将任何组件（组合）创建为“我的组件”，收录到“自制组件”中，具体创建方式可以查看<a href="https://modao.cc/hc/articles/27">我的组件</a>。
点击右上角的「新建文件夹」按钮，可以创建文件夹，更加清晰地管理组件素材。点击并拖动文件夹栏目，还能够为文件夹排序。
<img src="https://cdn.modao.cc/hc/templetpanel/wjjys.gif" width="500"/>

 
 

<h4 id="收藏组件">收藏组件</h4>
「收藏」栏目中包含了您在墨刀官方素材广场收藏过的组件素材，不限制收藏数量，可以直接预览和使用。
点击右上角的「加号」按钮，会进入发现栏目查看更多官方推荐的组件素材内容，选中并收藏后就会在收藏栏目呈现。
注：之前已经收藏（引用）的组件数据，也会合并至新的素材面板中。
 
 

<h3 id="发现组件">发现组件</h3>
「发现」部分呈现了丰富的组件素材，并在顶部进行了推荐和分类，能够一键复用素材，减少重复工作，帮助您将更多精力投入到产品创意中。
选择合适的一、二级分类并点击「全部」即可查看符合要求的组件并收藏使用。
 
 
 
 

<h2 id="图标素材">图标素材</h2>
在左侧工具栏可以打开图标素材面板，也可以使用快捷键 <code>2</code> 快速打开。
图标素材面板有发现和图标库两部分。
<img src="https://cdn.modao.cc/hc/templetpanel/tbmb.png" width="500"/>

 
 

发现栏目为您推荐了绘制原型时常用的图标内容，方便使用。
图标库栏目包含「收藏」和「素材广场」两部分。素材广场中有风格各异的图标包，点击可以查看详情并收藏。
 

图标的具体使用方法和技巧可以查看<a href="https://modao.cc/hc/articles/37">图标组件</a>。
 
 
 
 

<h2 id="图片素材">图片素材</h2>
在左侧工具栏可以打开图片素材面板，也可以使用快捷键 <code>3</code> 快速打开。
图片素材分为我的（企业） 和发现两部分。
您可以从本地上传图片，这些图片将以文件夹的形式呈现，同样文件夹也支持拖拽排序。
企业版用户还可以选择将图片素材上传至个人素材库或者企业素材库，分别管理您的图片素材。
<img src="https://cdn.modao.cc/hc%2Fpicture-1.jpg" width="600"/>

 
 

点击发现，我们为您提供了人物、动物、美食、风景等7类图片素材，双击或拖拽都能轻松使用，帮助您更佳便捷地完成原型绘制。
<img src="https://cdn.modao.cc/hc%2Fpictures.jpg" width="600"/>

 
 
 
 

<h2 id="页面素材">页面素材</h2>
在左侧工具栏可以打开页面素材面板，也可以使用快捷键 <code>4</code> 快速打开。
<img src="https://cdn.modao.cc/hc/templetpanel/ymmb.png" width="500"/> 

 
 

页面素材面板中分为发现和收藏两部分。
发现栏目中为您整理推荐了部分页面主题，每天我们都会为您更新海量素材以供使用。
点击即可查看相关的页面素材，选择收藏后就能够存放在收藏栏目中，更加便捷地复用整个页面了。
 
 
 
 

<h2 id="全局搜索">全局搜索</h2>
在素材面板四大栏目的顶部，都分别设置了搜索栏。
点击可以搜索素材关键字，还能够查看您的搜索历史以及搜索量较高的关键词推荐。
<img src="https://cdn.modao.cc/hc/templetpanel/qjss.png" width="500"/>

 
 

搜索结果包含了组件、图标、图片、页面四个类目。点击切换即可快速查看其他类目的素材内容。
您可以通过搜索查找您创建的文件夹、创建的组件、上传的图片，以及墨刀提供的丰富素材内容。
<img src="https://cdn.modao.cc/hc/templetpanel/ssjg.png" width="500"/>

 
 

如果未能搜索到您需要的相关内容，可以点击「提交反馈」联系我们优化素材内容及搜索结果。
 
 
 
 

<h2 id="素材库">素材库</h2>
在组件、图标、图片、页面四大栏目的右上角，点击「素材库」按钮或是使用快捷键 <code>A</code> 都能打开个人素材库。
素材库的具体使用请查看<a href="https://modao.cc/hc/articles/39">素材库</a>。
 
 
 
 

<h2 id="最近使用">最近使用</h2>
在组件、图标、图片、页面四大栏目的右上角，点击「最近使用」按钮，即可看到您最近使用过的四类素材内容，更加便捷地进行复用。
同时顶部也能够通过关键词搜索您使用过的符合条件的素材，更加快速地找到您需要的素材内容。
<img src="https://cdn.modao.cc/hc/templetpanel/zjsy.png" width="500"/>

<h1 id="开始使用">开始使用</h1>
 

<h2 id="轻松入门">轻松入门</h2>
墨刀设计工具的上手是简单的，可以将你在墨刀原型工具中创作的原型或者设计思想转化为高度还原的设计稿。当然，你也可以直接使用墨刀设计工具来进行创意想法的实现，高精度高性能的设计能力支持让你创意实现变得更简单。
 

<h2 id="快速上手">快速上手</h2>
墨刀设计工具在操作使用体验上，保持了业内的一流水平。这样，你在其他设计工具中迁移过来，学习成本几乎为零。设计稿编辑区的全新优化布局，让你的操作所见即所得。
 

<h2 id="交流互动">交流互动</h2>
全新的设计协作理念，让你在使用设计工具的时候能够实时同步协作成员的想法，避免了不必要的信息沟通，让团队的工作效率再提升一个台阶。
 

<h2 id="产设研团队全流程打通">产设研团队全流程打通</h2>
墨刀设计工具支持设计稿的切图导出，点击切换到开发面板，能查看效果图的参考代码，让开发还原更便捷。支持与墨刀原型工具的项目数据融合，设计工具创建的icon或者设计稿可以轻松导入原型中，丰富原型内容。
 

<h2 id="全平台支持">全平台支持</h2>
如你所见，墨刀设计工具与其他的墨刀产品一样，无论你是使用的Windows、Mac还是其他移动互联网设备，都可以使用一个墨刀账号进行登录，查看与编辑项目设计稿、实时进行团队协作和项目同步沟通。
你可以选择浏览器访问<a href="https://modao.cc" target="_blank">墨刀官网</a>或者
<a href="https://modao.cc/downloads" target="_blank">下载墨刀客户端</a>，进行高效率的工作，墨刀不会限制你的使用习惯。
更让人惊喜的是，因为墨刀是的一款云端在线工具，所以你完全不用担心更换设备带来的数据备份、数据同步等繁琐且影响工作进度的事情。一个墨刀账号，就可以在多设备上同步你的数据。

轻松入门

<h1 id="形状工具">形状工具</h1>
在墨刀设计工具的设计稿文件中，形状构成了大多数的图层。那些看似复杂的图形，多是由基础的形状，比如矩形、圆以及直线搭建出来的。当然，墨刀也提供了钢笔工具，帮助你完成更加复杂的形状设计。
你可以从顶部工具栏的形状菜单找到所有形状工具。
单击矩形旁边的向下箭头以查看选项：
然后，你可以单击列表中的形状进行选择，或使用关联的快捷键。
这里有三种基础形状工具可用：
<ol>
<li>矩形工具（可以使用圆角工具）。</li>
<li>线条工具（包括虚线）。</li>
<li>椭圆工具（包括半圆和扇形工具）。</li>
</ol>
💡小技巧：
<ul>
<li>拖动创建形状时按住 <code>Shift</code> 键可创建完美的正方形，圆形和多边形。</li>
<li>按住 <code>Option</code> 键可以从中心创建形状并调整其大小。</li>
<li>按住 <code>Shift</code> 和 <code>Option</code> 可以同时执行这两项操作！</li>
</ul>
 

<h2 id="矩形">矩形</h2>
你可以使用矩形工具创建矩形和正方形：
1.从形状工具中选择矩形工具，或使用键盘快捷键<code>R</code>。
2.单击画板中的某个点，并拖动来创建矩形，矩形尺寸将在底边下方以蓝色显示。
 

<h3 id="a移动矩形">a.移动矩形</h3>
鼠标移入矩形内部可以单击拖拽移动位置。
 

<h3 id="b调整矩形大小与角度">b.调整矩形大小与角度</h3>
①鼠标放在四条边上可以调整长或宽；
②鼠标放在四个角落的手柄上，可以同时调整长与宽；
③鼠标在四个角落的外边缘时可以设置矩形旋转角度。
 

<h3 id="c调整圆角半径">c.调整圆角半径</h3>
除常规手柄外，矩形在每个角的内侧还有四个圆形手柄。 
<img src="https://cdn.modao.cc//hc/tzyjbj.png" width="300"/>

通过操作这些手柄，你可以快速调整圆角半径：
1.将鼠标悬停在边角的手柄上，直到显示「圆角」；
2.单击并将手柄拖向对象的中心以使边角变圆。
你还可以使用右侧设计面板中的「半径」设置来调整圆角。 
<ul>
<li>将鼠标悬停在圆角半径图标上，直到出现箭头，然后滑动改变数值。</li>
<li>单击字段并输入所需的数值。</li>
<li>要单独调整每个角，请单击该字段右侧的单角图标。</li>
</ul>
 

<h2 id="线">线</h2>
1、从形状工具中选线工具，或使用键盘快捷键 L。
2、单击画板中的某个点，并拖动来创建直线。

设计工具如何绘制图形

形状工具

<h1 id="使用智能间距整理">使用智能间距整理</h1>
使用智能间距整理，可以让你轻松快速的整理2个及以上的对象之间的排列，并且一键调整间距。
若要触发智能排列，对象必须：
<ul>
<li>间距相同</li>
<li>在 X（水平）或 Y（垂直）轴上重叠，或两者都重叠
智能排列中的对象不需要大小相同。</li>
</ul>
如果对象之间的间距不相同，可以先使用整理功能重新排列对象统一间距。
 

<h2 id="使用整理功能">使用整理功能</h2>
如果对象之间的间距不相等，可以使用整理功能进行快速调整，它会根据最左侧对象与下一个对象的间距为准，调整其他对象之间的间距。
选中对象后，将鼠标hover在选区上将出现一个整理图标，会有三种情况：
1.归行整理水平间距
<img src="https://cdn.modao.cc//hc/ghzl.gif" width="900"/>

2.归列整理垂直间距
<img src="https://cdn.modao.cc//hc/glzl.gif" width="900"/>

3.整理矩阵的水平&amp;垂直间距
<img src="https://cdn.modao.cc//hc/spcz.gif" width="900"/>

<h2 id="调整对象之间的间距">调整对象之间的间距</h2>
将对象整理好后，你可以快速拖拽调整每个对象之间的垂直或水平间距。
1.将鼠标悬停在对象之间的紫色条形手柄上。
2.光标所在的位置会出现一个箭头，然后您可以单击并拖动手柄。
<ul>
<li>向上以减少对象之间的垂直间距。</li>
<li>向下以增加对象之间的垂直间距。</li>
<li>向左以减少对象之间的水平间距。</li>
<li>向右以增加对象之间的水平间距。</li>
</ul>
光标上方将指示对象之间的距离（以像素为单位）。
除此之外，你还可以单击拖拽对象上的原形手柄，进行位置的调换：
<img src="https://cdn.modao.cc//hc/tzwz.gif" width="900"/>

如何快速调整图形的间距

使用智能间距整理

<h1 id="组件（symbol）与实例">组件（symbol）与实例</h1>
<h2 id="组件">组件</h2>
组件是可以在你的设计中重复使用的元素。它们可以帮助你跨项目创建和管理一致的设计。
您可以创建主组件并定义组件的属性。然后您可以创建主组件的实例。更新主组件时，该组件的所有实例也将更新。
 

<h3 id="修改组件">修改组件</h3>
当你修改组件后，支持自动修改实例内容。同时也支持当实例调整属性后，组件修改，实例不再同步。也就是如果你实例选择脱离symbol组件后，那么当修改组件后此实例不会同步修改。
目前支持13类属性同步调整（锁定、文本样式、单独圆角、透明度、统一圆角、图层效果、文本内容、名称、大小、填充、描边、阴影、模糊）。
此功能可以很大程度解决设计师单独修改每个实例的痛点，提高设计稿修改设计图效率。
 

<h3 id="脱离组件">脱离组件</h3>
在编辑过程中，如果需要将某个实例取消组件的同步编辑效果，可以使用脱离组件功能。
选中组件，在右侧属性面板中脱离symbol组件；
 

<img src="https://cdn.modao.cc//hc/zujianyushili01.png" style="width:400px">

 

或者选中组件，右键选择「脱离symbol组件」或直接使用快捷键<code>ctrl＋alt＋B</code>进行脱离：
<img src="https://cdn.modao.cc//hc/zujianyushili02.png" style="width:400px">

 
 

<h3 id="删除复原组件">删除/复原组件</h3>
目前有三种方式可以删除组件：画布内、元素列表、组件列表。
可以使用右键或快捷键两种方式进行删除。并且支持撤销删除，或者你也可以选择通过实例复原组件。
<img src="https://cdn.modao.cc//hc/zujianyushili03.png" style="width:400px">

 

<h3 id="定位组件">定位组件</h3>
可以通过实例查找组件，同时支持定位到组件后，再返回到实例位置。
目前有三种方式可以定位到组件（左侧列表右键、选中实例右键，属性面板）
<img src="https://cdn.modao.cc//hc/zujianyushili04.png" style="width:400px">

 

<img src="https://cdn.modao.cc//hc/zujianyushili05.png" style="width:400px">

 
 
 
 

<h2 id="实例">实例</h2>
实例是组件的精确副本，它具有与原始属性相同的所有属性，包括任何文本格式，样式或布局约束。
实例本质上是链接到主组件的，当组件本身被修改时，所有复用内容都会自动同步更改。
目前支持3大类图层（组件、实例、其他组件、3种组合-包含组件、包含实例、包含组件和实例）创建实例。
支持2类方式快速创建（Symbol组件列表-拖拽、复制Symbol组件）。
symbol组件拖拽：
需要先选择组件后，按住 <code>alt键</code>/<code>⌥（option）</code>，然后在画布内拖拽组件就可以创建一个新的实例
复制symbol组件：
选择组件后，鼠标右键复制/粘贴到画板，或者使用快捷键进行操作即可创建一个新的实例
Mac：<code>⌘ C</code> 和 <code>⌘ V</code>
Windows：<code> ctrl C</code> 和 <code>ctrl V</code>
 
 
 
 

<h2 id="替换实例">替换实例</h2>
设计中经常需要考虑到设计多样化的情况，经常会遇到需要将部分组件替换成另一个状态或实例的需求，那么你可以通过替换实例的功能来完成此需求。
有两种方法可以替换实例：
1、组件列表替换：
在左侧组件列表选中组件后，使用<code>alt/option</code>点击拖拽到实例进行替换。
2、属性面板替换：
在画布内选中组件后，在右侧属性面板中替换。

设计工具如何创建symbol

组件（symbol）与实例

<h1 id="如何导出资源">如何导出资源</h1>
 

设计工具支持png和svg格式的图形格式。在浏览器中使用设计工具时，导出的内容将自动保存到你的默认下载文件夹中。
 

<h2 id="选择要导出的元素">选择要导出的元素</h2>
首先，选择导出的元素，你可以导出单个图层、已选择的多个图层，单个组、嵌套画板和顶级画板。
 

<h2 id="应用导出设置">应用导出设置</h2>
你可以使用“属性”面板中的“导出”功能来设置导出对象、图层或画板的方式。
设计工具支持以PNG、SVG格式以及各种屏幕密度倍率导出，并在文件名后添加前/后缀。
<img src="https://cdn.modao.cc//hc/dcsz.png" width="500"/>

设计工具如何导出设计资源

如何导出资源

<h1 id="了解设计协作工具">了解设计协作工具</h1>
设计协作工具是墨刀在原型、设计、流程图、思维导图之后推出的第五款工具，为设计&amp;开发的在线协同工作而量身打造。
 
 

<h2 id="使用场景">使用场景</h2>
团队协作中是否经常遇到这样的问题？
1.Sketch设计稿只能保存本地，共享协作不方便，设计稿太多，资源管理难？
2.各角色使用不同工具进行协同，交付流程繁琐且低效？
3.沟通费时费力，项目管理经常出现断点？
设计协作工具，就是墨刀团队针对此类问题，基于sketch插件形式，围绕设计和开发的「上传——演示——评审——开发标注」整体工作流程推出的新产品。
简言之，它是一款设计—研发在线协作与交付工具。
 
 

<h2 id="核心功能">核心功能</h2>
设计协作工具坚持高效原则，将设计与开发环节需要的功能集合在一起，让设计交付变成一件更简单的事情。
<img src="https://cdn.modao.cc//hc/MicrosoftTeams-image%20%283%29.png" width="800px"/>

 
 

<h3 id="设计交付">设计交付</h3>
<ul>
<li>随意创建<a href="https://modao.cc/hc/articles/175">连线</a>，呈现设计逻辑。</li>
<li>支持添加<a href="https://modao.cc/hc/articles/174">便签</a>，补充说明产品交互。</li>
</ul>
<img src="https://cdn.modao.cc//hc/%E6%88%AA%E5%B1%8F2022-02-21%20%E4%B8%8B%E5%8D%885.01.54.png" width="800px"/>

 
 

<h3 id="畅快沟通">畅快沟通</h3>
<ul>
<li>框选<a href="https://modao.cc/hc/articles/182">评论</a>，告别单点，更准确。</li>
<li>支持评论回复，设有评论列表区，问题可追溯。</li>
<li><a href="https://modao.cc/hc/articles/181">分享链接</a>权限，协作自由且高效。</li>
</ul>
<img src="https://cdn.modao.cc//hc/%E7%95%85%E5%BF%AB%E6%B2%9F%E9%80%9A.png" width="800px"/>

 
 

<h3 id="省心开发">省心开发</h3>
<ul>
<li><a href="https://modao.cc/hc/articles/177">自动生成标注</a>，方便查看。</li>
<li>CSS、IOS、Android代码自动生成更加精确。</li>
</ul>
<img src="https://cdn.modao.cc//hc/%E7%9C%81%E5%BF%83%E5%BC%80%E5%8F%91.png" width="800px"/>

 
 

<h3 id="高效切图">高效切图</h3>
<ul>
<li>完成切图并导入，可自动<a href="https://modao.cc/hc/articles/178">生成多倍率切图文件</a>。</li>
<li>支持jpg、png、svg、pdf多种格式。</li>
</ul>
<img src="https://cdn.modao.cc//hc/%E9%AB%98%E6%95%88%E5%88%87%E5%9B%BE.png" width="800px"/>

了解设计协作工具

<h1 id="上传设计稿">上传设计稿</h1>
<h2 id="将原型导入设计协作工具">将原型导入设计协作工具</h2>
墨刀支持将账号的当前所在空间内的原型项目页面导入设计协作工具中，能够轻松表达流程与逻辑，演示评审更省心省力。
选择【导入原型页面】后，在弹出的窗口中可以选择要导入的项目，并勾选需要导入的页面，点击确定后即可开始导入。
<img src="https://cdn.modao.cc/hc%2Fdesigncanva%2Fcanva_2.png" style="width:600px">

 
 

您所选中的原型页面会以图片形式呈现在画布中，不支持进行标注。
<img src="https://cdn.modao.cc/hc%2Fdesigncanva%2Fcanva_3.png" style="width:600px">

 
 

 
 

<h2 id="如何上传图片至设计协作工具">如何上传图片至设计协作工具</h2>
墨刀支持上传JPG、PNG、GIF格式的图片，上传后不支持标注。
本地图片上传到墨刀设计协作工具有两种方法：
1.点击编辑区顶部的小加号，选择由本地上传。
 <img src="https://cdn.modao.cc/%2Fhc%2F961.png" style="width:800px">

 
 

2.将本地图片直接拖拽至画布内即可。
 
 

 
 

<h2 id="sketch设计稿上传步骤">sketch设计稿上传步骤</h2>
在上传sketch设计资源前，你需要先安装并完成登录sketch插件。
「Sketch 插件」暂时仅支持 macOS 系统。
安装并登录sketch插件后，通过以下步骤即可完成上传。
1.在sketch界面，点击顶部工具栏中的【插件】选项，选择墨刀插件后，点击【上传画板】。
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F1_1.png" style="width:800px">


 
 

 2.在插件面板中，选择设计图的相关信息，如设计图的画板（选中的画板or当前页面的全部画板or当前文件的全部页面）、设计稿尺寸、上传至哪个项目、上传至个人/企业空间（团队）。
其中智能上传可以同步画板所在的sketch页面与分组，普通上传则可以手动选择分组。
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F1_2.png" style="width:800px">
 
 

<img src="https://cdn.modao.cc//hc/sketch" style="width:500px">


 
 


 
 

3.当出现下图提示时，则说明已经上传完成。此时可以选择快速分享或者前往查看设计稿。
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F1_3.png" style="width:400px">

 
 

 
 

<h2 id="由xd插件上传">由XD插件上传</h2>
墨刀XD插件现支持XDv37及以上版本。
 
 

一、下载XD插件
在上传XD设计资源前，你需要先下载墨刀XD插件。共有两处下载入口。
1.下拉弹窗下载
单击顶部工具栏的【加号】按钮，在弹窗中点击XD插件【下载】；
2.画布中下载
在当前页面为空时，画布视图中会显示上传设计稿方式，单击【获取插件】即可下载插件。
<img src="https://cdn.modao.cc/%2Fhc%2F%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202022-09-06%20092707.png" style="width:800px">

 
 

二、上传XD文件
1.在Adobe XD界面，点击顶部工具栏中的【插件】选项，选择【墨刀】，并登录墨刀账号。
<img src="https://cdn.modao.cc/hc%2Fupload%20canva4.png" style="width:500px">

 
 

2.在插件的上传页面，可以进行具体上传设置。
如所处个人/企业空间（团队）、设计稿的画板（选中的画板or全部画板）、设计尺寸、上传至具体的项目、页面、分组、等，也可以点击右上角【加号】创建新的项目或页面。
设置完成后，点击【上传】即可。
<img src="https://cdn.modao.cc/hc%2Fupload%20canva5.jpg" style="width:500px">

 
 


<img src="https://cdn.modao.cc//hc/xd" style="width:500px">

 
 

3.当出现下图提示时，则说明已经上传完成。此时可以选择快速分享或者前往查看设计稿,也可以直接通知项目成员。
<img src="https://cdn.modao.cc/hc%2Fupload%20canva6.png" style="width:500px">

 
 
 
 

三、xd 插件使用帮助
如您在使用Adobe XD 插件时遇到上传问题，请参考以下步骤进行操作。
1、xd插件无法安装
如果您的xd插件无法正常安装，可参考视频中的步骤进行操作解决。
<video poster="https://cdn.modao.cc/hc/video/xd_poster.jpg" width="720" controls>
 <source src="https://cdn.modao.cc/hc/video/xd%E6%8F%92%E4%BB%B6%E9%97%AE%E9%A2%98%E6%BC%94%E7%A4%BA.mp4" type="video/mp4">
</video>

 
 
 

2、xd插件显示网络异常
当您在登录 XD 插件提示【网络异常】，请您关闭网络代理或者 VPN，之后可以正常使用。
<ul>
<li>Mac：【系统偏好设置】-【网络】-【高级】-【代理】，关闭代理。</li>
</ul>
<img src="https://cdn.modao.cc/hc%2Fxd%2Fxd.jpg" style="width:700px">

 
 

<ul>
<li>Win10：【网络和Internet设置】-【代理】，关闭代理。</li>
</ul>
<img src="https://cdn.modao.cc/hc%2Fxd%2FXD1.jpg" style="width:700px">

 
 
 
 

3、xd切图相关问题
1.上传文件图标尺寸与设计稿不一致
在 XD 中，图标的下方加上透明底图，使用剪切蒙版的方式确保图标大小与墨刀网页端导出的大小一致。
 

2.无法导出切图以及画板缩略图
 如果你是macOS 系统，可以点击【系统偏好设置】-【安全性与隐私】-【隐私】-【完全磁盘访问权限】。
点击【加号】，手动把 Adobe XD 添加进去，重启 XD 即可导出切图和画板。
<img src="https://cdn.modao.cc/hc%2Fxd%2FXD3.png" style="width:600px">

 
 

 
 

<h2 id="由ps插件上传">由PS插件上传</h2>
墨刀PS插件现支持Photoshop CC 2021 及以上版本。
Mac（适配 M1 芯片）、Windows 均可下载。
在使用墨刀PS插件前，请先确认已经安装了 Creative Cloud<a href="https://creativecloud.adobe.com/apps/download/creative-cloud" target="_blank">（点击这里下载）</a> ，并且登录 Adobe 账号。
 
 

1、下载PS插件
在上传PS设计资源前，你需要先下载墨刀PS插件。共有两处下载入口。
1.下拉弹窗下载
单击顶部工具栏的【加号】按钮，在弹窗中点击PS插件【下载】；
2.画布中下载
在当前页面为空时，画布视图中会显示上传设计稿方式，单击【获取插件】即可下载插件。
<img src="https://cdn.modao.cc/%2Fhc%2F882.png" style="width:800px">
 
 

2、安装PS插件
你需要安装并登录了 Creative Cloud，并且 PS 版本是2021及其以上。
如果 PS 版本低于 2021，将会出现下图：
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%B2%A1%E6%9C%89%E5%AE%89%E8%A3%85.png" style="width:800px">
 
 


下载好墨刀PS插件后，双击文件打开：
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%8E%B4%EE%81%84%E7%9D%862022-09-01%2019.32.03.png" style="width:800px">
 
 

双击后会自动打开 Creative Cloud，点击【本地安装】：
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%9C%AC%E5%9C%B0%E5%AE%89%E8%A3%851.png" style="width:800px">
 
 
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%9C%AC%E5%9C%B0%E5%AE%89%E8%A3%852.png" style="width:800px">
 
 


出现下图状态，代表安装成功：
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%8E%B4%EE%81%84%E7%9D%862022-09-01%2019.33.11.png" style="width:800px">
 
 

接着打开 2021 或以上版本的 PS ，即显示墨刀PS插件登陆页面。
输入万兴/墨刀账号及密码即可登录。
<img src="https://cdn.modao.cc/%2Fhc%2F%E9%A3%9E%E4%B9%A620220906-091459.png" style="width:500px">
 
 

3、智能标记切图
【选中】需要切图的图层或编组，点击【智能标记切图】。
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%99%BA%E8%83%BD%E6%A0%87%E8%AE%B0%E5%88%87%E5%9B%BE1.png" style="width:800px">
 
 

当图层或编组名称前增加【**-s-】，【智能标记切图】变为【取消切图标记**】，此时切图操作便完成了。
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%99%BA%E8%83%BD%E6%A0%87%E8%AE%B0%E5%88%87%E5%9B%BE2.png" style="width:800px">
 
 


4、上传PS文件
1.在Adobe PS界面，是否已经出现墨刀PS插件，若未出现，点击顶部工具栏中的【增效工具】选项，选择【墨刀】，并登录墨刀账号。
<img src="https://cdn.modao.cc/%2Fhc%2F%E6%89%93%E5%BC%80%E6%8F%92%E4%BB%B6.png" style="width:800px">
 
 

2.在插件的上传页面，可以进行具体上传设置。
如所处个人/企业空间（团队）、设计稿的画板（选中的画板or全部画板）、设计尺寸、上传至具体的项目、页面、分组等，也可以点击右上角【加号】创建新的项目或页面。
设置完成后，点击【上传】即可。
<img src="https://cdn.modao.cc/%2Fhc%2Fps%E6%8F%92%E4%BB%B6%E4%B8%8A%E4%BC%A0%E9%A1%B5%E9%9D%A22.png" style="width:500px">

 
 

<img src="https://cdn.modao.cc//hc/ps" style="width:500px">

 
 

3.当出现下图提示时，则说明已经上传完成。此时可以选择快速分享或者前往查看设计稿,也可以直接通知项目成员。
<img src="https://cdn.modao.cc/%2Fhc%2Fps%E6%8F%92%E4%BB%B6%E4%B8%8A%E4%BC%A0%E6%88%90%E5%8A%9F.png" style="width:500px">

 
 

 
 

##插件上传小贴士
1、设备说明：
iPhone、iPad、Apple Watch这三种设备界面设计属于ios;
安卓系统界面设计属于Android;
网页类型的界面设计属于web。
 
 

2、 尺寸与倍数关系的说明：
iOS 类型的倍数：375 x 667 属于 iOS 1x；750 x 1334 属于 iOS 2x；1242 x 2208 属于 iOS 3x。
1920 x 1080 尺寸的手机界面建议选 Android-xxhdpi；网页选 Web-1x。
Web 类型的倍数：1x 为网页常用尺寸；2x 为特定屏幕尺寸，如 4k 屏，通常该尺寸会是正常网页的 2 倍。

如何上传设计稿至设计协作工具

上传设计稿

<h2 id="查看自动标注">查看自动标注</h2>
进入<a href="https://lc.dev.modao.cc/hc/articles/176">开发模式</a>后，
单击设计图中的图层对象，即可在右侧打开设计图标注信息面板，查看该设计图元素位置、尺寸、不透明度、颜色、阴影、代码等信息。
<img src="https://cdn.modao.cc//hc/image%20%282%29.png" alt="p">
 

还可通过鼠标左键进行图层穿透，此时左侧会出现【图层列表】，在列表中可以快速选中图层；
或鼠标右键查看图层树的形式，查看不同图层的标注信息。
<img src="https://cdn.modao.cc/hc/canva-1.jpg" alt="p">
 

<h3 id="切换平台倍率">切换平台倍率</h3>
点击标注面板左上角的【平台】，可展开设置界面，按需选择平台、单位、自定义倍率、和数字格式。
该像素单位是指在设计图尺寸不改变的情况下更换不同的设备显示的设计尺寸。
注：若原设计稿宽度为 375，自定义倍率设置为 2 时，标注面板的宽度为 750
<img src="https://cdn.modao.cc//hc/image%20%284%29.png" alt="p">
 

<h3 id="复制标注信息">复制标注信息</h3>
设置完成平台倍率后，选择目标图层对象，在右侧的标注面板，即可查看相应的开发代码信息，单击【复制】即可。
注：支持单击复制单行代码，及鼠标划选部分代码，【command/ctrl + c 】也可以复制哦。
<img src="https://cdn.modao.cc//hc/%E6%A0%87%E6%B3%A8%E4%BB%A3%E7%A0%81%E5%A4%8D%E5%88%B6.gif" alt="p">
 
 
 
 



<h2 id="切图下载">切图下载</h2>
设计师在对设计图进行切图标记后，上传至墨刀设计协作工具，工程师即可一键下载所有切图。
 

<h3 id="单个切片对象">单个切片对象</h3>
在画板中，切图会以灰色虚线框显示，选中切图后，在【标注信息】面板，会显示该切片信息，可以直接导出。
<img src="https://cdn.modao.cc//hc/image%20%285%29.png" style="width:800px">


 
 
 
 


<h3 id="画板切图">画板切图</h3>
选择某画板后，在右侧的标注面板，切换至【画板切图】，这里显示的就是这个画板中所包含的全部切图，选择所需的图像类型和倍数，即可一键下载。
<img src="https://cdn.modao.cc//hc/image%20%286%29.png" alt="p">
 
 
 
 


<h3 id="项目全部切图">项目全部切图</h3>
选择顶部工具栏的【全局切图】按钮，此时右侧切片面板显示的是当前文件中的全部切图，选择平台和图像类型，勾选需要的倍数，即可一键下载。
<img src="https://cdn.modao.cc//hc/image%20%287%29.png" alt="p">
 
 
 
 

<h2 id="吸管取色">吸管取色</h2>
 

<h3 id="取色">取色</h3>
点击顶部工具栏的【吸管】按钮，滑动至想要查看的颜色区域并单击，即可临时在画板中取色。
 

<h3 id="复制颜色信息">复制颜色信息</h3>
单击色值框即可复制颜色信息。
<img src="https://cdn.modao.cc//hc/%E5%90%B8%E7%AE%A1%E5%8F%96%E8%89%B2.gif" alt="p">
 
 
 
 

<h2 id="切图置顶设置">切图置顶设置</h2>
 

<h3 id="切图置顶选项">切图置顶选项</h3>
在左上角下拉菜单可以找到【切图置顶】，默认勾选状态。
勾选后，在画板中查看标注时，切图会在最顶层，切图下的图层将不会被选中。
<img src="https://cdn.modao.cc/hc%2Fnew_canva%2F3_1.png" style="width:500px">

开发如何查看自动标注

开发模式

<h2 id="分享项目">分享项目</h2>
要将项目共享给他人，可以单击顶部工具栏右上方的【分享】按钮 。
<h3 id="访问权限">访问权限</h3>
分享弹框中可以设置访问权限，包括所有人可见或企业成员可见（企业版专属）；
<h3 id="密码保护">密码保护</h3>
此外可以开启密码保护，注意填入自定义密码后需要点击保存密码。
 

设置完成后，复制项目链接并发送就可以分享项目给他人了。
<img src="https://cdn.modao.cc//hc/%E6%88%AA%E5%B1%8F2022-02-15%20%E4%B8%8A%E5%8D%8811.45.26.png" style="width:500px">

 
 
 
 

<h2 id="评论模式">评论模式</h2>
<h3 id="添加评论">添加评论</h3>
在设计和开发模式中，点击顶部工具栏的【评论】按钮，或是使用快捷键【M】，即可进入评论模式，在操作区点击或拖拽可以创建评论。
1.能够访问项目的成员，都可以在设计稿上打点标记、创建评论。
2.评论中支持输入文字和表情，还可以@企业成员，被@的成员会在墨刀站内收到消息提示。评论下方可以添加回复。
<img src="https://cdn.modao.cc//hc/image%20%288%29.png" style="width:500px">


3.点击评论右上方的【更多】按钮，可以对自己发布的评论进行编辑或删除；点击【完成】按钮，可以将评论标记为已完成状态。
注：当一条评论被删除时，其相关的回复也会被删除。
4.处于评论模式时，画布右侧会出现标记看板，可以在右上角筛选评论类别。
<img src="https://cdn.modao.cc//hc/image%20%289%29.png" style="width:800px">
<h3 id="退出评论模式">退出评论模式</h3>
再点击一次【评论】按钮，或使用快捷键【esc】可以退出评论模式。
 
 

<h3 id="评论列表">评论列表</h3>
在工作区右上角点击「评论列表」按钮，会展示常驻评论列表，无论是否处于评论模式，评论列表始终存在，再次单击按钮即可关闭。
在评论列表中单击一条评论，即可快速定位至该条评论并展开评论内容。
评论列表右上角同样支持分类筛选，便捷查找需要查看的评论类型。
<img src="http://cdn.modao.cc/hc%2Fpllb.jpg" style="width:700px">

 
 
 
 

<h2 id="添加协作者（企业版专属）">添加协作者（企业版专属）</h2>
 

<h3 id="协作者管理">协作者管理</h3>
在企业版中，点击右上角的【成员】按钮能够进行项目协作者管理；
可以搜索成员、添加或移除协作者。
 
 
<h3 id="修改权限">修改权限</h3>
能够设置成员权限为可编辑、仅查看、禁止查看等。
<img src="https://cdn.modao.cc//hc/3.png" style="width:500px">

设计协作工具可以评论吗

团队协作

<h2 id="看板项更改">看板项更改</h2>
 
看板项默认为产品prd、需求梳理、流程图、原型图、设计稿、测试用例。
 

如需修改默认看板项，具体步骤如下：
 

 <img src="https://cdn.modao.cc/sjxz/230104383-1.png" style="width:600px">

 

<img src="https://cdn.modao.cc/sjxz/230104383-2.png" style="width:600px">

 

<img src="https://cdn.modao.cc/sjxz/230104383-3.png" style="width:600px">

如何设置看板项

<h1 id="项目管理页">项目管理页</h1>
项目管理页是您登录墨刀的起始界面，从这里您可以进入个人工作台或者团队中的协作空间。
<img src="https://cdn.modao.cc/tuanduikongjian/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86%E9%A1%B5%E9%A6%96%E9%A1%B5.png" width="800px"/>
 
 

<h2 id="最近文件、我的收藏">最近文件、我的收藏</h2>
支持您所加入的各个团队及个人空间最近文件、收藏文件查阅。
 
让您的文件管理更加高效，文件查阅更加便捷。
 
 
<h2 id="素材广场">素材广场</h2>
海量素材资源供您参考使用。
 
<h2 id="团队">团队</h2>
<h3 id="支持创建多个团队">支持创建多个团队</h3>
多种团队类型，满足您不同团队的产品协作需求。
 
<h3 id="支持团队下的项目创建及切换">支持团队下的项目创建及切换</h3>
您可以以各种灵活形式创建项目来管理文件。
 
<ul>
<li>以人来区分项目</li>
<li>以产品线来区分项目
（如 ：前台项目 中台项目 后台项目；工具组、平台组；移动端项目、PC端项目等）</li>
</ul>

项目管理页

<h1 id="团队沟通与协作">团队沟通与协作</h1>
免费版、团队版、企业版享受不同功能权益，详情请查看<a href="https://modao.cc/downloads" target="_blank">版本对比与介绍</a>。
为了使团队内的多个项目管理更加清晰有效，为了使团队中的项目协作更加完整高效，墨刀在团队空间中为您开辟了“项目”空间。
 

<h2 id="项目">项目</h2>
项目是墨刀针对团队用户的专属空间，与个人空间无法协作不同，项目的主旨是帮助团队成员间以各种形式进行协作。
您可以将小组划为不同的项目、也可将不同产线划为不同项目。
如“前台项目”、“中台项目”、“后台项目”；
“电商组”、“营销组”、“商业化组”；
“移动项目”、“PC项目”等。
团队内可以建立不同的项目对应公司实际的业务需求，团队成员也可加入多个项目。
<h2 id="多人协作">多人协作</h2>
墨刀团队空间支持多人协同编辑项目，协作成员需位于同一团队空间。
<h2 id="审阅成员">审阅成员</h2>
免费版、团队版、企业版在协作成员以外设置了审阅成员席位，致力于以更低的成本、更高的安全性，助力团队实现全员协作，全面提升项目评审效率。
与协作成员不同，审阅成员不能够参与文件编辑，而是专为团队内的评审需求设置的。
<img src="https://cdn.modao.cc/hc/enterprise/sycy1.png" width="800px"/>

 
 

审阅成员的查看权限分为以下两种情况：
1.在进行需求评审、项目评估时，分享文件链接时默认仅限团队内成员查看，这时审阅成员可以直接查看和评论。
2.在文件中添加审阅成员，设置其权限为仅查看，这一审阅成员就可以在项目管理页中预览此团队文件了。点击查看<a href="https://https://modao.cc/hc/articles/86" target="_blank">文件夹/项目权限</a>。
审阅席位的价格相对协作席位较低，可以合理分配成员职责与权限，节省团队成本。
 
 

<h2 id="团队素材库">团队素材库</h2>
团队素材库是一个可以协作共享的空间，所有素材均可在团队项目中使用，方便成员快速复用团队产品的设计标准。
你可以随时更新素材库内容，素材库会永久保存，无需担心同步问题。
具体管理使用方法请查看 <a href="https://modao.cc/hc/articles/203" target="_blank">团队素材库</a>。

了解团队

团队沟通与协作

<h1 id="团队协作版本划分">团队协作版本划分</h1>
墨刀团队协作包含原型工具、设计协作、设计工具、思维导图、流程图五大产品，串联产设研团队，解决沟通协作难题。
<img src="https://cdn.modao.cc/hc/enterprise/qybb1.png" width="800px"/>

 
 

目前墨刀团队协作共分为免费版、团队版以及企业版三大类，具体功能价格详情请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。
 
 

<h2 id="免费版">免费版</h2>
免费版面向所有团队用户永久免费开放协作权益，协助初创型团队，颠覆传统产品设计模式。
 

<h3 id="什么是免费版">什么是免费版</h3>
免费版能够满足您的基本协作需求，能够使用5大工具，完善协作闭环；
核心功能：
<img src="https://cdn.modao.cc/tuanduikongjian/%E5%85%8D%E8%B4%B9%E7%89%88%E5%8A%9F%E8%83%BD.png" width="800px"/>
具体功能权限请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。
 
 

<h3 id="如何使用免费版">如何使用免费版</h3>
共有3种路径可以使用免费版：
路径1：新用户登陆墨刀，系统将自动为其创建团队空间（免费版）
路径2：用户可通过项目管理页左侧栏创建新团队
路径3：用户创建新的团队，可点击头像，点击「切换空间」，而后点击创建新团队
⚠️注意：1.到期团队转为免费版，最多支持10个协作席位、1个团队。转为免费版后如果成员、文件数等其他权益超限，功能使用会受限。为了您的正常使用，请您把协作成员减少到不多于10人，项目数减少到不多于1个，文件数不多于3个。
2.每位用户只能够选择一个团队空间使用永久免费权益。
 
 
 

<h2 id="团队版">团队版</h2>
团队版适用于小微团队，小投入，高效率，助力中小型团队，提升产品设计协作体验。
 
 

<h3 id="什么是团队版">什么是团队版</h3>
核心功能：
<img src="https://cdn.modao.cc/tuanduikongjian/%E5%9B%A2%E9%98%9F%E7%89%88%E5%8A%9F%E8%83%BD.png" width="800px"/>
除去核心功能，团队版还提供资产容灾快速响应机制和专属客服服务。
此版本能够满足中小型团队协作需求，在团队管理方面也更专业。
具体功能权限与价格请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。
⚠️注意：企业版降级为团队版时，请将您的内容转移到一个统一的空间进行保留，保留的文件数须不超过100个。
 
 

<h2 id="企业版">企业版</h2>
企业版适用于大型团队或企业，是大型企业的项目管家，无限创作，安全无忧。
 
 

<h3 id="什么是企业版">什么是企业版</h3>
核心功能：
<img src="https://cdn.modao.cc/tuanduikongjian/%E4%BC%81%E4%B8%9A%E7%89%88%E5%8A%9F%E8%83%BD.png" width="800px"/>
除去核心功能，企业版还提供180天操作日志查看、专属域名、离职数据移交、资产容灾快速响应机制和专属客服服务。
具体功能权限与价格请查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>。

墨刀团队协作都有哪些种类

团队版本划分

<h1 id="项目交接">项目交接</h1>
离职了项目如何交接？员工离职，项目交接给公司主要存在几种情况。
<h2 id="交接项目在公司帐号创建的「团队空间」中">交接项目在公司帐号创建的「团队空间」中</h2>
交接操作步骤：
1）切换到相应的团队空间内，点击上侧「成员管理」，在「成员管理」界面，选择需要交接的成员，点击「移除并交接」；
免费版中，项目默认交接给企业所有者。
企业版中，可点击修改选择需要交接的项目及被交接人，点击确定即可将项目交接出去。
<img src="https://cdn.modao.cc/tuanduikongjian/2212225-3.png" width="800px"/>

 
 
<img src="https://cdn.modao.cc//hc/%E6%88%AA%E5%B1%8F2022-10-18%2014.12.18.png" width="800px"/>
 
 
2）帐号（所有者）把离职人员移出团队。<a href="https://modao.cc/hc/articles/188#%E5%88%A0%E9%99%A4%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4%E6%88%90%E5%91%98" target="_blank">点击了解如何删除企业成员</a>

Tips：团队空间中的项目属于团队空间所有者，因此移除团队成员后，成员移入团队空间或者在团队空间里创建的项目不会消失。
 
 
 
 
<h2 id="交接项目在离职人员帐号创建的「团队空间」中">交接项目在离职人员帐号创建的「团队空间」中</h2>
这种情况有2种交接方式。
交接方式1:
Tips：本方法仅限文件，不支持文件夹。
1）离职人员将需要交接的项目先转移到团队空间。
<img src="https://cdn.modao.cc/tuanduikongjian/2212225-1.png" width="400px"/>

 
 

<img src="https://cdn.modao.cc/tuanduikongjian/2212225-2.png" width="600px"/>

 
 
2）由团队空间管理员进行离职交接操作。（操作办法见上一节）

交接方式2：
1）离职人员把团队空间的「所有者」权限转让给管理员帐号。<a href="https://modao.cc/hc/articles/83#%E8%BD%AC%E8%AE%A9%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4%EF%BC%88%E6%89%80%E6%9C%89%E8%80%85%EF%BC%89" target="_blank">点击了解如何转让团队</a>
2）切换到离职人员创建的团队空间内，点击上侧「团队管理」。
在跳出的界面中，点击「成员管理」，选择需要交接的成员，点击「移除并交接」；
选择需要交接的文件及被交接人，点击确定即可将文件交接出去。
<img src="https://cdn.modao.cc/tuanduikongjian/2212225-4.png" width="800px"/>

 
 

<img src="https://cdn.modao.cc/tuanduikongjian/2212225-5.png" width="800px"/>

 
 
3）帐号（所有者）把离职人员移出团队空间。<a href="https://modao.cc/hc/articles/188#%E5%88%A0%E9%99%A4%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4%E6%88%90%E5%91%98" target="_blank">点击了解如何删除企业成员</a>
 
 
 
 
## 交接文件在离职人员帐号「个人空间」中

交接操作步骤：
1）管理者帐号切换到已有的团队空间中
2）管理者帐号添加离职人员到文件夹中
<a href="https://modao.cc/hc/articles/188#%E9%82%80%E8%AF%B7%E5%8A%A0%E5%85%A5%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4" target="_blank">点击了解如何邀请团队成员</a>
<a href="https://modao.cc/hc/articles/88#%E6%B7%BB%E5%8A%A0%E6%96%87%E4%BB%B6%E5%A4%B9%E6%88%90%E5%91%98" target="_blank">点击了解如何添加为文件夹成员</a>
3）离职人员把项目从个人空间移到团队下的项目文件夹中
<a href="https://modao.cc/hc/articles/94#%E4%B8%AA%E4%BA%BA%E9%A1%B9%E7%9B%AE%E8%BD%AC%E7%A7%BB%E8%87%B3%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4" target="_blank">点击了解如何将个人项目转移到团队空间</a>
4）帐号（所有者）把离职人员移出团队
<a href="https://modao.cc/hc/articles/188#%E5%88%A0%E9%99%A4%E4%BC%81%E4%B8%9A%E7%A9%BA%E9%97%B4%E6%88%90%E5%91%98" target="_blank">点击了解如何删除团队成员</a>
 
 
 
 
<h2 id="外包原型项目文件交付">外包原型项目文件交付</h2>
因外包原型项目文件交付场景较为特殊，建议以这样的方式操作：
<h4 id="方案一">方案一</h4>
1.乙方与甲方先确认、约定使用墨刀制作原型。
2.由甲方注册账号，创建团队（作为超级管理员），添加乙方账号加入团队。
3.乙方在甲方创建的团队中为甲方制作原型，项目结束后退出团队。
 
 
<h4 id="方案二">方案二</h4>
1.乙方与甲方先确认、约定使用墨刀制作原型。
2.乙方替甲方注册一个墨刀账号，创建团队（作为超级管理员），添加乙方账号加入团队。
3.乙方在创建的团队中为甲方制作原型，项目结束后退出团队，将帐号交给甲方。

成员离职后，项目如何交接

文件交接

<h1 id="操作日志">操作日志</h1>
操作日志可帮助更好的管理成员及项目，清晰的了解到团队空间内的变动。
目前只有所有者和超级管理员可以查看哦~
操作日志可查询到的内容包括团队成员变更、团队信息变更、团队权限变更和团队文件变更，并且会提示是空间内的哪个账号进行操作的。
 
 

<h2 id="查看操作日志">查看操作日志</h2>
团队空间所有者或超级管理员登录账号后，在团队空间点击「管理后台」。
在跳转后的页面中打开「操作日志」即可查看。
<img src="https://cdn.modao.cc/tuanduikongjian/221290-1.png" width="800px"/>

 
 

<img src="https://cdn.modao.cc/tuanduikongjian/221290-3.png" width="800"/>

 
 

ps：操作日志为企业版专享权益。点击查看<a href="https://modao.cc/brand/pricing" target="_blank">版本对比与介绍</a>

如何查看团队操作日志

操作日志

<h1 id="素材广场使用指南">素材广场使用指南</h1>
素材广场目前素材分为原型图、设计资源、流程图、图标、组件及设计规范，后续会上线思维导图，图片，下面将分别讲述一下现有的几类素材如何使用：
<h2 id="1、原型图">1、原型图</h2>
（1）进入素材广场后，选择「原型图」这一个分类
<img src="https://cdn.modao.cc//hc/scgcyx.png" width="900"/>

（2）点击选择进入自己喜欢的原型后，点击【使用】，这个时候会让你选择项目的保存空间和位置，保存之后就可以回到工作区进行编辑项目。
<img src="https://cdn.modao.cc//hc/scqcyx2.png" width="900"/>

注：原型图分类内包含项目、页面及组件素材，选择保存的页面或组件素材是保存在工作区--项目编辑区的素材库内。
<h2 id="2、设计资源">2、设计资源</h2>
（1）进入素材广场后，选择「设计资源」这一个分类
<img src="https://cdn.modao.cc//hc/sjzy.png" width="900"/>

（2）点击选择进入自己喜欢的素材后，点击【使用】，这个时候会让你选择项目的保存空间和位置，保存之后就可以回到工作区进行编辑项目。
<img src="https://cdn.modao.cc//hc/sjzy2.png" width="900"/>

<h2 id="3、流程图">3、流程图</h2>
（1）进入素材广场后，选择「流程图」这一个分类
<img src="https://cdn.modao.cc//hc/lctsc.png" width="900"/>

（2）点击选择进入自己喜欢的流程图后，点击【使用】，这个时候会让你选择项目的保存空间和位置，保存之后就可以回到工作区进行编辑项目。
<img src="https://cdn.modao.cc//hc/lctsc2.png" width="900"/>

<h2 id="4、页面、组件及图标">4、页面、组件及图标</h2>
（1）进入素材广场后，选择「页面」、「组件」或「图标」
<img src="https://cdn.modao.cc//hc/ymzj.png" width="900"/>

（2）点击进入自己喜欢的素材后，可以点击【保存到素材库】，将素材保存到素材库中，保存之后就可以回到项目编辑区，将组件从素材库中拖出来即可使用。
<img src="https://cdn.modao.cc//hc/ymzj2.png" width="900"/>

素材广场使用指南

<h1 id="墨刀素材版权说明">墨刀素材版权说明</h1>
 
 

<h2 id="官方整理素材">官方整理素材</h2>
使用声明：
1.本素材由墨刀收集、整理，仅供墨刀用户学习与参考（功能流程、页面布局、组件样式），不可直接下载（不做任何改动地）用于产品设计、开发及其它用途；
2.用户使用素材内容（界面、组件、图片、字体）应遵守相关法律、法规，不得侵犯本网站及权利人的合法权利；
3.墨刀认为或权利人举报构成侵权的，墨刀有权删除相关内容；
4.因用户非法使用素材内容构成侵权或引起法律纠纷，相应责任由用户自行承担，墨刀不承担任何责任。由此给墨刀造成损失的，墨刀有权根据情节严重程度依法追究责任方的法律责任。
权利声明：
若您发现本素材侵害了您的权利，请将您的权属证明等信息（具体包括：a.权利人的姓名或名称、联系方式和地址；b.要求删除的侵权素材名称；c.构成侵权的初步证明材料，如权属证明、在先使用证明等）发送至：<a href="mailto:support@modao.cc">support@modao.cc</a>，我们将尽快与您沟通处理。 
 
 

<h2 id="官方自制素材">官方自制素材</h2>
使用声明：
1.本素材可以用于原型设计和墨刀许可的其他用途，但不得授权非墨刀用户使用；
2.用户使用素材内容（界面、组件、图片、字体）应遵守相关法律、法规；
3.因用户非法使用素材内容构成侵权或引起法律纠纷，相应责任由用户自行承担，墨刀不承担任何责任。由此给墨刀造成损失的，墨刀有权根据情节严重程度依法追究责任方的法律责任。
权利声明：
1.本素材由墨刀制作、上传、所有；
2.若您发现本素材侵害了您的权利，请将您的权属证明等信息（具体包括：a.权利人的姓名或名称、联系方式和地址；b.要求删除的侵权素材名称；c.构成侵权的初步证明材料，如权属证明、在先使用证明等）发送至：<a href="mailto:support@modao.cc">support@modao.cc</a>，我们将尽快与您沟通处理。
 
 

<h2 id="用户上传素材">用户上传素材</h2>
使用声明：
1.本素材经权利人许可可以用于原型及设计，仅供学习交流，如需商用请联系素材作者获取授权，未经授权而使用产生的一切后果由使用者承担。
2.用户使用素材内容（界面、组件、图片、字体）应遵守相关法律、法规，不得侵犯本网站及权利人的合法权利；
3.若墨刀认为用户使用素材内容过程中有侵犯第三方权利的嫌疑，有权要求用户提供相关权利证明；
4.墨刀认为或权利人举报构成侵权的，墨刀有权删除相关内容；
5.因用户非法使用素材内容构成侵权或引起法律纠纷，相应责任由用户自行承担，墨刀不承担任何责任。由此给墨刀造成损失的，墨刀有权根据情节严重程度依法追究责任方的法律责任。
权利声明：
1.本素材由用户制作、上传和所有，墨刀仅提供原型设计工具、展示平台和网络服务；
2.对于用户在使用墨刀平台服务过程中自行上传的素材，墨刀仅能在形式上对其是否存在侵权进行初步审查；
3.若您发现自己的权利被侵害，请将您的权属证明等信息（具体包括：a.权利人的姓名或名称、联系方式和地址；b.要求删除的侵权素材名称；c.构成侵权的初步证明材料，如权属证明、在先使用证明等）发送至：<a href="mailto:&#115;&#117;&#112;&#112;&#x6f;&#114;&#116;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#46;&#99;&#99;">&#115;&#117;&#112;&#112;&#x6f;&#114;&#116;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#46;&#99;&#99;</a>，我们将尽快与您沟通处理。

墨刀所有素材的商用版权说明

墨刀原型素材版权说明

<h1 id="如何发布素材">如何发布素材</h1>
 

<h2 id="1、素材广场页发布素材">1、素材广场页发布素材</h2>
点击顶部导航【素材广场】，进入到【素材广场】页面，点击【发布作品】进入到发布素材页面，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。
<img src="https://cdn.modao.cc//hc/fbsc.png" width="900"/>

素材管理相关内容查看，可至个人主页查看所有素材的审核状态，及用户可编辑素材。
 

<h2 id="2、项目管理页发布素材【仅支持个人空间项目】">2、项目管理页发布素材【仅支持个人空间项目】</h2>
进入到项目管理页，选中项目，单击右键，弹出下拉菜单中，选择【发布到素材广场】，即可进入到发布素材页，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。
<img src="https://cdn.modao.cc//hc/fbsc2.png" width="400"/>

素材管理相关内容查看，可至个人主页查看所有素材的审核状态，及用户可编辑素材。
 

<h2 id="3、分享弹窗可发布素材【仅支持个人空间项目】">3、分享弹窗可发布素材【仅支持个人空间项目】</h2>
进入工作区页面，项目已绘制完成，点击右上角【分享】，分享窗口左下角，点击【发布到素材广场】，即可进入发布素材页，填写素材相关信息，点击【确认发布】即可发布素材。发布素材并审核通过后素材将展示在素材广场。
素材管理相关内容查看，可至个人主页查看所有素材的审核状态，及用户可编辑素材。
<img src="https://cdn.modao.cc//hc/fbsc3.png" width="900"/>

如何将素材上传到素材广场

如何发布素材

如何找到想要的素材

<h1 id="如何保存和查看素材">如何保存和查看素材</h1>
素材广场内，项目支持收藏和下载两种操作(收藏按钮位于项目素材详情页面的上方工具栏）。
其他组件、页面、图标素材仅支持收藏。
保存并使用素材的操作方法详见<a href="https://modao.cc/hc/articles/98#1%E3%80%81%E5%8E%9F%E5%9E%8B%E5%9B%BE">保存并使用项目素材</a>。
 

<h2 id="如何查看已收藏的素材">如何查看已收藏的素材</h2>
素材广场内收藏的素材会保存在素材广场「头像-我的主页-收藏」内，您可以在素材广场首页右上角的头像处点击进入查看。
<img src="https://cdn.modao.cc//hc/ckscdsc.png" width="900"/>
 
 

除项目以外，组件、页面、图标等素材还可以在编辑区内的素材库查找并使用，点击工具栏内「组件」、「图标」、「图片」或「页面」按钮，找到右上角「素材库」按钮即可进入管理。
<img src="https://cdn.modao.cc/hc/templetpanel/ybcdsc.png" width="300"/>
 
 

<img src="https://cdn.modao.cc/hc/templetpanel/sck.png" width="900"/>
 
 


<h2 id="如何查看已下载的项目素材">如何查看已下载的项目素材</h2>
对于项目素材，在素材广场首页以及查看项目素材详情页的右上角都可以下载项目（即创建副本）.
下载后，回到您的工作区项目管理页即可找到刚刚下载的项目文件。
 
 

<h2 id="如何关注素材作者">如何关注素材作者</h2>
素材广场内点击进入任意素材界面，下拉至页面底部素材介绍点击「作者头像或名字」进入到其个人主页内，点击页面内「关注」键，即可关注成功。
<img src="https://cdn.modao.cc//hc/gzsczz.png" width="900"/>
 
 

<img src="https://cdn.modao.cc//hc/gzzzz2.png" width="900"/>
 
 


<h2 id="如何查看已关注的素材作者">如何查看已关注的素材作者</h2>
点击素材广场右上角「头像-我的主页-关注」就可以查看到已关注的作者。
点击切换至「关注我的人」也可查看到关注您的用户。
<img src="https://cdn.modao.cc//hc/ckgz1.png" width="900"/>

如何保存素材到我的素材库

如何保存和查看素材

<h1 id="如何注册墨刀账号？">如何注册墨刀账号？</h1>
<h2 id="注册方式">注册方式</h2>
注册墨刀账号的方法有三种：「手机注册」、「邮箱注册」和「微信注册」。
可以直接<a href="https://modao.cc/embed/auth_box?type=signup" target="_blank">点击此处进行注册</a>或者访问<a href="https://modao.cc/" target="_blank">官网</a>点击免费使用即可注册。
 
 
<img src="https://cdn.modao.cc//hc/zhuce/01image.png" style="width:800px">
 
 
 
 
系统会为您默认创建团队空间，您也可以通过左侧边栏或右上角头像的空间列表随时切换
<img src="https://cdn.modao.cc/v8/zhuce2.png" style="width:800px">
<img src="https://cdn.modao.cc/v8/zhuce3.png" style="width:800px">

如何注册墨刀账号？

如何注册墨刀账号

<h1 id="注销与找回账号">注销与找回账号</h1>
<h2 id="注销账号">注销账号</h2>
如需注销账号，请您用帐号对应邮箱发送邮件到我们的官方邮箱，我们会帮您进行处理。 
 
（为了您的账号安全，邮件来信需要包含完整四条内容，谢谢您的配合。）
邮件标题：注销墨刀帐号 
收件邮箱：<a href="mailto:&#x73;&#117;&#x70;&#x70;&#111;&#114;&#x74;&#x40;&#x6d;&#x6f;&#100;&#97;&#x6f;&#46;&#99;&#x63;">&#x73;&#117;&#x70;&#x70;&#111;&#114;&#x74;&#x40;&#x6d;&#x6f;&#100;&#97;&#x6f;&#46;&#99;&#x63;</a>
邮件内容： 
1）要注销的墨刀帐号（邮箱/手机号/UID，点击右上角头像进入「账户设置」查询）
<img src="https://cdn.modao.cc/hc/enterprise/zhzx3.png" width="900"/>

2）工作区账号显示截图（需要展现出账号的具体信息）
<img src="https://cdn.modao.cc/hc/enterprise/zxzh4.png" width="900"/>

3）注销原因 
4）确认注销帐号后您的所有项目、协作关系、购买记录将被清除且不可恢复。
 
 
 
 


<h2 id="绑定、换绑手机号">绑定、换绑手机号</h2>
点击项目管理页右上角的个人头像，在下拉菜单中选择「账户设置」，即可绑定/换绑手机号。
 
 
 
 


<h2 id="忘记帐号找回">忘记帐号找回</h2>
如忘记墨刀帐号，建议您发送邮件到我们的官方邮箱，提供帐号相关信息，我们会帮您查找。 
邮件标题：忘记帐号找回 
收件邮箱：<a href="mailto:&#x73;&#117;&#x70;&#112;&#111;&#x72;&#x74;&#64;&#109;&#x6f;&#100;&#x61;&#111;&#46;&#99;&#x63;">&#x73;&#117;&#x70;&#112;&#111;&#x72;&#x74;&#64;&#109;&#x6f;&#100;&#x61;&#111;&#46;&#99;&#x63;</a>
邮件内容： 
1）绑定的手机号 
2）之前分享过的项目分享链接 
3）2至3个项目的项目名称（项目名称最好相对特殊，不容易有重复） 
 
 
 
 


<h2 id="注册时输错邮箱">注册时输错邮箱</h2>
注册时输错邮箱，可以在账户设置中修改邮箱，具体请查看下方教程：[ 更换绑定邮箱帐号]
如果您注册时输错了邮箱且忘记了密码，请您用错误邮箱所对应的正确邮箱发送邮件到我们的官方邮箱，我们会帮您特殊操作重置密码，让您更改邮箱。 
邮件标题：注册时输错邮箱且忘记密码 
收件邮箱：<a href="mailto:&#115;&#x75;&#112;&#x70;&#111;&#114;&#x74;&#64;&#x6d;&#111;&#100;&#97;&#111;&#x2e;&#x63;&#99;">&#115;&#x75;&#112;&#x70;&#111;&#114;&#x74;&#64;&#x6d;&#111;&#100;&#97;&#111;&#x2e;&#x63;&#99;</a>
邮件内容：
注册时输错邮箱且忘记密码，需要重置密码修改邮箱。
错误邮箱：（注册时输错的邮箱）
正确邮箱：（需要更换的正确邮箱）
 
 
 
 


<h2 id="手机号注册后绑定邮箱操作指南">手机号注册后绑定邮箱操作指南</h2>
手机号注册后，如需绑定邮箱账号，具体操作如下：
点击项目管理页个人头像-账户设置，找到「绑定邮箱」一栏进行相关的验证操作即可。
 
 
 
 


<h2 id="更换绑定邮箱账号">更换绑定邮箱账号</h2>
点击项目管理页右上角的个人头像，在下拉菜单中选择「账户设置」，在「绑定邮箱」一栏可更改邮箱。 
注：修改后的邮箱不能是已注册墨刀的邮箱，否则会有数据冲突，无法成功更改。
 
 
 
 


<h2 id="绑定、解绑微信号">绑定、解绑微信号</h2>
点击项目管理页右上角的个人头像，在下拉菜单中选择「账户设置」-「账号绑定」-「绑定微信」。
如需解绑微信，需要设置密码后，才可进行解绑。
 
 
 
 


<h2 id="把帐号转让给别人">把帐号转让给别人</h2>
帐号可以通过更新邮箱的方式进行转让。转让具体操作：
点击项目管理页右上方的头像，在「账户设置」的「绑定邮箱」中即可更改邮箱。
更改邮箱后，您把邮箱帐号和密码给到对方即可。如账号内还有绑定其他信息，可以让被转让人进行换绑修改。
 
 
 
 


<h2 id="在其他人电脑上登录了帐号怎么退出">在其他人电脑上登录了帐号怎么退出</h2>
在别人电脑上登录了帐号需要退出，直接修改密码即可，修改完您的帐号将在对方的电脑上自动退出登录。
 
 
 
 


<h2 id="【墨刀app】修改账号信息">【墨刀app】修改账号信息</h2>
请使用电脑访问web版<a href="https://modao.cc/" target="_blank">墨刀</a>，访问、管理您的个人信息。
如您使用墨刀中遇到了个人信息安全受到侵犯的问题，可以发送主题为「个人信息安全侵犯投诉」的邮件到<a href="mailto:&#115;&#117;&#112;&#x70;&#111;&#x72;&#116;&#x40;&#x6d;&#x6f;&#100;&#97;&#111;&#46;&#99;&#99;">&#115;&#117;&#112;&#x70;&#111;&#x72;&#116;&#x40;&#x6d;&#x6f;&#100;&#97;&#111;&#46;&#99;&#99;</a>，并在邮件中提供相关能证明您被侵权的资料以及您的联系方式，我们会在15个工作日内为您妥善处理。
如还有其他问题，您可以联系<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">客服</a>，帮您进行处理解决。

怎么找回墨刀账号

注销与找回账号

<h1 id="忘记密码与修改">忘记密码与修改</h1>
<h2 id="忘记密码">忘记密码</h2>
忘记密码请您在墨刀登陆界面，点击底部的「忘记密码」重置密码。
<img src="https://cdn.modao.cc//hc/wjmm.png" width="500"/>
 
 
 
 


<h2 id="修改密码">修改密码</h2>
点击项目管理页右上方的头像，在「账户设置」中选择更换「登录密码」，即可修改密码。

如何修改墨刀密码

忘记密码与修改

<h1 id="数据不见了">数据不见了</h1>
 

<h2 id="页面不见了">页面不见了</h2>
页面不见了有可能是因为页面被折叠了或误删了。 
1、请您先在页面列表顶部搜索一下此页面的页面关键词。 
2、请您在项目编辑区上方的标题——下拉——页面回收站中检查一下（可以先按Ctrl+R刷新界面再检查页面回收站）。
如果上述两种方式都找不到项目，请发送邮件到我们官方邮箱，我们会尽快帮您查找。 
邮件标题：页面不见了 
收件邮箱：<a href="mailto:&#115;&#x75;&#x70;&#112;&#x6f;&#x72;&#116;&#x40;&#x6d;&#111;&#x64;&#x61;&#x6f;&#46;&#99;&#x63;">&#115;&#x75;&#x70;&#112;&#x6f;&#x72;&#116;&#x40;&#x6d;&#111;&#x64;&#x61;&#x6f;&#46;&#99;&#x63;</a>
邮件内容： 
1）墨刀帐号
2）项目分享链接
3）不见了的页面的准确名称
 
 
 
 


<h2 id="项目不见了项目找不到了">项目不见了/项目找不到了</h2>
项目不见了存在几种可能： 
1、被自己或协作成员误删了。您可以检查一下项目右下角的项目回收站检查一下。 
2、查看的位置或者空间有误。您在项目管理页左上角切换空间，并在顶栏搜索关键词查找。 
3、登错帐号了。如果您的帐号中一个项目都没有或者项目全都是很长时间没有编辑过的，那很有可能是这种情况。 
如果是第三种情况或者不是上述情况，请发送邮件到我们官方邮箱，我们会尽快帮您查找。 
邮件标题：项目不见了 
收件邮箱：<a href="mailto:&#x73;&#x75;&#x70;&#x70;&#111;&#x72;&#x74;&#64;&#109;&#x6f;&#100;&#x61;&#x6f;&#46;&#x63;&#x63;">&#x73;&#x75;&#x70;&#x70;&#111;&#x72;&#x74;&#64;&#109;&#x6f;&#100;&#x61;&#x6f;&#46;&#x63;&#x63;</a> 
邮件内容： 
1）项目对应的墨刀帐号 
2）之前分享过的项目分享链接 
3）项目准确名称

数据不见了

墨刀上的数据丢失了

我的项目打不开了

打开项目白屏了

无法连接服务器

<h1 id="申请发票">申请发票</h1>
 

<h2 id="开票时间、类型、税点、样例">开票时间、类型、税点、样例</h2>
以下是购买墨刀产品后开具发票的相关说明： 
<h3 id="开票时间">开票时间</h3>
无特殊或不可抗力情况下，我司将在5个工作日内为您开票，发票开出后可在「发票历史」中查看、下载。 
注：我司每月开票数量有限制，如急需开具发票，可发送邮件至<a href="mailto:&#x73;&#117;&#112;&#112;&#x6f;&#114;&#x74;&#x40;&#x6d;&#x6f;&#x64;&#97;&#111;&#x2e;&#99;&#x63;">&#x73;&#117;&#112;&#112;&#x6f;&#114;&#x74;&#x40;&#x6d;&#x6f;&#x64;&#97;&#111;&#x2e;&#99;&#x63;</a>与我们沟通处理，以免因当月开票量太大，发票限额用尽，耽误或延迟为您开票。
 
 
<h3 id="开票类型">开票类型</h3>
我司默认开票类型为 增值税普通发票（电子） 。如有特殊开票要求，可发送邮件至<a href="mailto:&#115;&#x75;&#112;&#112;&#111;&#114;&#x74;&#x40;&#109;&#x6f;&#100;&#97;&#x6f;&#46;&#99;&#x63;">&#115;&#x75;&#112;&#112;&#111;&#114;&#x74;&#x40;&#109;&#x6f;&#100;&#97;&#x6f;&#46;&#99;&#x63;</a>与我们沟通处理。 
注：电子发票与纸质发票具有同等法律效力，都可作为单位报销凭证。 
 
 
<h3 id="服务名称">服务名称</h3>
我司开出的发票「货物或应税劳务、服务名称」一栏填写的是 软件墨刀在线产品原型设计软件，详见下方发票样例 。 
注：我司不能开办公用品等其他类别发票。 
<img src="https://cdn.modao.cc/hc/receipt.png" width="700px"/>

 
 

<h3 id="开票税率">开票税率</h3>
我司开出的发票金额均为含税价格，税率 13%。
 
 
 
 


<h2 id="申请普通电子发票">申请普通电子发票</h2>
 

<h3 id="申请发票入口">申请发票入口</h3>
1、团队空间可以在团队空间的「管理后台」-「费用中心」-「订单管理」订单管理中查看订单以及申请发票。
您也可以直接在团队空间的「管理后台」-「费用中心」-「发票管理」查看历史发票记录及申请发票。
2、个人空间可以在「右上角头像」-「订单管理」-「订单记录」中查看订单以及申请发票。
您也可以直接在「右上角头像」-「订单管理」-「发票历史」查看历史发票记录及申请发票。
3、可在左侧列表团队头像，或右上角头像「切换空间」中切换个人或团队空间。（如图）
<img src="https://cdn.modao.cc/v8/fapiao1.PNG" width="700px"/>
<img src="https://cdn.modao.cc/v8/fapiao2.PNG" width="700px"/>

 
 

！！！注意：以上方式所开具的发票都默认为增值税普通发票（电子）。
 发票开出后可在「发票历史」中查看、下载。 
 
 
<h3 id="提交开票信息">提交开票信息</h3>
开票信息一般填写企业抬头和税号即可。
注：请您联系财务同事确认开票信息再提交开票，以免开票出错影响您报销；购买个人版或企业版均可开企业抬头发票。
 
 
 
 


<h2 id="申请增值税专用发票">申请增值税专用发票</h2>
 

<h3 id="开票须知">开票须知</h3>
1.增值税专用发票税率为13%，含税；
2.开具增值税专用发票须正确完整提供购买方单位的全称、纳税人识别号、单位地址及电话、单位开户行及账号；
3.增值税专用发票的货物或应税劳务、服务名称一栏填写的是软件墨刀在线产品原型设计软件，无法开具其他类别；
4.支付实际金额须与开票金额一致。
 
 
<h3 id="付款说明">付款说明</h3>
目前操作流程下，寄送发票会产生额外23元费用（发票寄送需支付快递费23元）。
您如需开具增值税专用发票，须承担此部分费用。因此，您所需支付费用=所购买版本金额+23元。
注：额外支付的23元费用可以开到发票当中；如需顺丰到付或开具增值税普通发票（电子）不需要支付此费用，顺丰到付请在邮件中说明。
 
 
<h3 id="支付费用">支付费用</h3>
1、如果您已经购买产品需要开具专票，请您通过手机银行APP直接转账23元到我司对公银行账号。
2、如果您还没购买产品想要开具专票，请您用公对公支付的方式或者手机银行转账的方式转账 版本金额+23元 到我司对公银行账号。
对公账号信息如下：
开户全称：北京磨刀刻石科技有限公司
开户银行：招商银行北京分行三里屯支行 
开户账号：110913548610601
注：如有特殊说明请在备注栏标注，支付实际金额须与开票金额一致
 
 
<h3 id="申请发票-1">申请发票</h3>
支付完成后请您发送邮件至我们的官方邮箱。
收件邮箱：<a href="mailto:&#x73;&#x75;&#112;&#112;&#111;&#114;&#116;&#x40;&#109;&#x6f;&#x64;&#x61;&#111;&#x2e;&#x63;&#99;">&#x73;&#x75;&#112;&#112;&#111;&#114;&#116;&#x40;&#109;&#x6f;&#x64;&#x61;&#111;&#x2e;&#x63;&#99;</a>
邮件标题：申请增值税专用发票
邮件内容： 
1）完整的开票信息
公司抬头、纳税人识别号、单位地址及电话、开户行及开户账号
2）快递接收信息
联系人、手机号、快递接收地址
3）墨刀帐号（邮箱/手机号/UID）
4）订单金额
5）支付电子回执截图（如顺丰到付无需提供）
 
 
 
 


<h2 id="补充、更改开票信息">补充、更改开票信息</h2>
 

<h3 id="补充开票信息">补充开票信息</h3>
为了节省大家的发票申请时间，开票信息填写时我们省略了公司地址、电话、开户行、开户账号这些信息（非必填项，不填写也可用于正常报销） 。 如果您公司的财务同事强制要求开票需要开出此信息，请您发送邮件到我们的官方邮箱，我们收到您的请求之后，会帮您特殊处理。 
邮件标题：补充开票信息 收件邮箱：<a href="mailto:&#115;&#117;&#112;&#112;&#111;&#114;&#x74;&#x40;&#x6d;&#111;&#100;&#97;&#111;&#x2e;&#x63;&#99;">&#115;&#117;&#112;&#112;&#111;&#114;&#x74;&#x40;&#x6d;&#111;&#100;&#97;&#111;&#x2e;&#x63;&#99;</a>
邮件内容： 
1、开票墨刀帐号 
2、完整的开票信息 
3、是否已经开出发票（如已开出，请提供发票文件，我们需要帮您注销重新开票） 
<h3 id="更改开票信息">更改开票信息</h3>
如果您在申请发票时填错了开票信息，请您发送邮件到我们的官方邮箱，我们收到您的邮件之后，会帮您备注修改。 
邮件标题：修改开票信息 
收件邮箱：<a href="mailto:&#115;&#x75;&#112;&#112;&#x6f;&#114;&#x74;&#64;&#x6d;&#x6f;&#100;&#x61;&#111;&#x2e;&#x63;&#99;">&#115;&#x75;&#112;&#112;&#x6f;&#114;&#x74;&#64;&#x6d;&#x6f;&#100;&#x61;&#111;&#x2e;&#x63;&#99;</a>
邮件内容： 
1）开票墨刀帐号 
2）正确的开票信息 
3）是否已经开出发票（如已开出，请提供发票文件，我们需要帮您注销重新开票） 
 
 
 
 

<h2 id="申请发票失败">申请发票失败</h2>
发票申请失败存在3种可能： 
1、申请发票的入口有误。个人空间和企业空间的发票申请入口目前做了区分，如果在错误的入口查看，看不到可申请发票的订单。
2、发票已经提交申请。开票申请不可重复提交，如果您已经提交申请，可以在发票申请界面看到「待开票」的申请记录。 
3、开票信息内有空格或者特殊字符。 开票信息内有这些信息会导致申请失败。可以检查后重新输入信息后再开具试一下。

个人版能开企业抬头发票吗

申请发票

如何开发票

<h1 id="购买--付费">购买 / 付费</h1>
 

<h2 id="如何为团队空间付费">如何为团队空间付费</h2>
请查看<a href="/hc/articles/84" target="_blank">为团队空间付费</a>。
 
 

<h2 id="怎么购买个人版">怎么购买个人版</h2>
购买个人版有2种方式： 
1、登录墨刀账号后，在<a href="https://modao.cc/pricing" target="_blank">墨刀价格页</a>选择个人版-标准版或终身版，点击「立即购买」跳转到购买方案信息界面，选择相应的方案和时长进行付费即可。 
2、在工作区点击头像，点击「订单管理」，跳转到方案信息界面，然后在跳转的界面中点击「升级个人版」或「立即续费」，选择相应的方案和时长进行付费即可。
<img src="https://cdn.modao.cc/v8/goumai1.png" width="450"/>
 
 

<img src="https://cdn.modao.cc/v8/goumai2.png" width="700"/>

 
 
 
 
 
<h2 id="个人版升级团队版和企业版的退补金额说明">个人版升级团队版和企业版的退补金额说明</h2>
算法：
购买个人版在有效期内升级为团队版及企业版，会根据个人版剩余时长进行抵扣价格。需要注意的是，个人终身版不支持升级方案。
🌰 举例：
个人年费会员，还剩100天方案到期，当时订单的实付金额为199元，此时，您想升级为团队版或企业版的会员方案，购买1人席位，时长1年，不使用优惠券。则您这笔订单的应付金额为：
团队版：
<blockquote>
订单总额=新方案的单价新时长新席位，即：订单总额= 349元/人/年1年1人=349
</blockquote>
企业版：
<blockquote>
订单总额=新方案的单价新时长新席位，即：订单总额= 599元/人/年1年1人=599
</blockquote>
使用【结算个人方案】，则产生退补金额：
<blockquote>
退补金额=上笔订单实付金额/366*剩余天数，即：退补金额=199元/年/366天*100天=54.37
</blockquote>
（备注：可以抵扣的金额为上笔实付金额，即剔除优惠金额、活动折扣后的实付价格）
那么最终的应付金额应是：
团队版：
<blockquote>
应付金额=订单总额-退补金额-优惠券，即：应付金额=349-54.37-0=294.63
</blockquote>
企业版：
<blockquote>
应付金额=订单总额-退补金额-优惠券，即：应付金额=599-54.37-0=544.63
</blockquote>
<ul>
<li>Tips：1.当您的个人版剩余时长较长时，在升级团队版或企业版时可能会出现折算时长。
 这是因为退补金额已超过当前方案的费用，系统会自动增加当前方案的时长。</li>
</ul>
P.S：升级后的企业订单不支持退款。详情可咨询<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">在线客服</a>
 
 
 
 

<h2 id="版本升降级限制">版本升降级限制</h2>
当您的团队空间要在团队版与企业版之间转换时，需要参考以下的规则。
当您目前为团队版时：
<img src="http://cdn.modao.cc/hc/enterprise/bbzh1.jpg" width="700"/>

 
 

当您目前为企业版时：
<img src="http://cdn.modao.cc/hc/enterprise/bbzh2.jpg" width="700"/>

 
 

如果有更多付费时的疑问，可以联系<a href="https://msg.wondershare.cc/qidian_modao_client.html" target="_blank">在线客服</a>。
 
 


<h2 id="墨刀对公账号信息">墨刀对公账号信息</h2>
以下是我们的对公账号信息： 
帐号名称：北京磨刀刻石科技有限公司 
银行账号：110913548610601 
开户银行：招商银行北京分行三里屯支行 
税 号：911101053180287834
 
 
 
 

<h2 id="怎么对公支付">怎么对公支付</h2>
对公支付购买墨刀分为几个步骤： 
<h3 id="1、确定支付金额">1、确定支付金额</h3>
-如需开具普通发票-请直接在购买界面确认所需支付的购买金额
-如需开具专用发票-请在购买界面确认所需支付的购买金额，在此基础上增加23元发票寄送费用。 
<a href="/hc/articles/120" target="_blank">申请专票费用解释</a>
 

<h3 id="2、线上提交订单后确定支付金额，对公转账">2、线上提交订单后确定支付金额，对公转账</h3>
我们的对公账号信息： 
帐号名称： 北京磨刀刻石科技有限公司 
银行账号：110913548610601 
开户行：招商银行北京分行三里屯支行 
税号：911101053180287834
 
<h3 id="3升级墨刀帐号">3.升级墨刀帐号</h3>
请在转账完成后点击页面中的「已完成支付」，我们在收到汇款24小时内会为您自动升级账号（周末、法定节假日可能会有延时）
注意：如果没有完成支付的情况下点击已完成支付，那么订单则不会成功升级。
<img src="https://cdn.modao.cc/hc%2F20220630-175928.jpeg" width="700"/>

 
 
 
 

<h2 id="对公支付升级帐号">对公支付升级帐号</h2>
对公支付升级有两种方式：
1.请在转账完成后点击页面中的「已完成支付」，我们在收到汇款24小时内会为您自动升级账号（周末、法定节假日可能会有延时）
注意：如果没有完成支付的情况下点击已完成支付，那么订单则不会成功升级。
<img src="https://cdn.modao.cc/hc%2F20220630-175928.jpeg" width="700"/>
 
 

<ol start="2">
<li>如订单在升级过程中遇到问题，可以在工作日时间 9:00-12:00，13:30-18:00 联系订单页下方在线客服或<a href="https://modao.cc/pricing">价格页右侧在线客服</a>提供以下信息，在线客服会及时为您处理升级。</li>
</ol>
1）带有银行公章的转账回执
2）订单号（转账时系统自动生成）
3）购买的版本以及席位数情况
 
 
 
 
<h2 id="购买续费最低需要x个人">购买/续费最低需要X个人</h2>
付费界面的席位数在购买页面的「席位」一栏可以点击减少。
如果无法减少，通常是因为您的企业本身已经有对应数量的成员，可以在企业空间左侧「管理」-「成员」中移除成员（<a href="/hc/articles/188" target="_blank">删除企业成员</a>），再点击购买更少席位的企业版。 
 
 
 
 

<h2 id="申请销售合同">申请销售合同</h2>
购买年付版本都可以签订销售合同，墨刀默认提供<a href="https://cdn.modao.cc/%E5%A2%A8%E5%88%80%E9%94%80%E5%94%AE%E5%90%88%E5%90%8C_%E6%A8%A1%E6%9D%BF.pdf" target="_blank">电子版销售合同</a>。
如需签订销售合同，需要您提供以下信息：
<ul>
<li>企业名称：
</li>
<li>授权代表：
</li>
<li>联系电话：
</li>
<li>联系邮箱：
</li>
<li>通信地址：
</li>
<li>墨刀订单号：
</li>
</ul>
您可以提前填写<a href="https://jinshuju.net/f/D542r7" target="_blank">表单</a>，然后与我们销售人员取得联系400-659-9879。
 
 

<h2 id="电子销售合同验签">电子销售合同验签</h2>
墨刀提供的电子合同的电子签可以通过法大大电子合同查验功能验证签名的有效性。
合同验签是对电子合同的有效性进行验证，帮助您确定电子合同的真实性和有效性，具体可参考<a href="https://www.fadada.com/product/check" target="_blank">链接</a>（点击查看）。
签名有效：
<img src="https://cdn.modao.cc/fadada_check_success.png" width="700"/>

 
 

签名无效：
<img src="https://cdn.modao.cc/fadada_check_failed.png" width="700"/>

 

<img src="https://cdn.modao.cc/fadada_check_failed2.png" width="700"/>

 
 
 
 

<h2 id="过期还能编辑查看项目吗">过期还能编辑/查看项目吗</h2>
付费个人版过期
将暂时无法使用个人版付费相关功能（可续费解除限制）。 
项目数据：您已有的项目数据不受影响（不会被自动删除）。 
使用限制： 
如果您的个人项目数量不超过3个，您可以继续编辑这些项目（但页面数量如果超过20个，您将无法再新建）。 
如果您的个人项目数量超过了3个，您需要将项目删除至 3个以内才可继续新建或编辑。 
注：个人项目数量计算包含当前项目和锁定项目。 
付费企业过期
您可以通过续费解除过期企业空间的相关功能限制。
可以选择一个企业空间转化为企业免费版并继续使用。具体请查看企业版本划分（链接）
其他无法使用企业免费版的过期企业空间：
项目数据：您已有的企业项目数据不受影响（不会被自动删除）。 
使用限制：您仍可正常预览项目，但无法编辑企业项目、设置企业项目相关权限。 
 
 
 
 

<h2 id="买错退款">买错退款</h2>
根据用户协议，用户若主动、自愿购买墨刀产品，购买后不支持退款。
考虑到实际购买过程中部分用户可能存在买错版本、买错帐号等情况，如用户购买存在异常情况，可以在购买后3个工作日内通过邮件与我们沟通解决。 
邮件标题：购买错版本/购买错帐号 
收件邮箱：<a href="mailto:&#115;&#x75;&#112;&#x70;&#111;&#x72;&#116;&#64;&#x6d;&#x6f;&#100;&#x61;&#111;&#46;&#99;&#99;">&#115;&#x75;&#112;&#x70;&#111;&#x72;&#116;&#64;&#x6d;&#x6f;&#100;&#x61;&#111;&#46;&#99;&#99;</a>
邮件内容： 
1）已购买的墨刀帐号（邮箱） 
2）所购买的版本及所支付的金额 
3）购买错版本/购买错帐号的情况简要说明
 
 
 
 

<h2 id="购买错版本了">购买错版本了</h2>
如购买存在异常情况，可以在购买后3个工作日内通过邮件与我们沟通解决。 
邮件标题：购买错版本/购买错帐号 
收件邮箱：<a href="mailto:&#115;&#117;&#x70;&#x70;&#x6f;&#x72;&#116;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#46;&#99;&#x63;">&#115;&#117;&#x70;&#x70;&#x6f;&#x72;&#116;&#x40;&#109;&#111;&#x64;&#x61;&#111;&#46;&#99;&#x63;</a>
邮件内容： 
1.已购买的墨刀帐号（邮箱） 
2.所购买的版本及所支付的金额 
3.购买错版本/购买错帐号的情况简要说明
 
 
 
 

<h2 id="账号到期">账号到期</h2>
<h3 id="企业付费到期后会怎么样？">企业付费到期后会怎么样？</h3>
您的企业将处于过期状态，暂时无法使用企业版付费相关功能（可续费解除限制）。
项目数据：您已有的企业项目数据不受影响（不会被自动删除）。
使用限制：您仍可正常预览项目，但无法编辑企业项目、设置企业项目相关权限、将项目移动到个人空间。
tips：可以选择一个企业空间转化为企业免费版并继续使用。具体请查看企业版本划分（链接）
 

<h3 id="个人版付费到期后会怎么样？">个人版付费到期后会怎么样？</h3>
您的版本将变为免费版，暂时无法使用个人版付费相关功能（可续费解除限制）。
项目数据：您已有的项目数据不受影响（不会被自动删除）。
使用限制：
<ul>
<li>如果您的个人项目数量不超过3个，您可以继续编辑这些项目（但页面数量如果超过20个，您将无法再新建）。
</li>
<li>如果您的个人项目数量超过了3个，您需要将项目删除至 3 个以内才可继续新建或编辑。
</li>
</ul>
注：个人项目数量计算包含当前项目和锁定项目。

设计师

桌面客户端

手机移动端