MasterGo 零基础入门教程！NO. 11 导入与导出

教程讲师：刘昱

个人永久免费使用 MasterGo，请点击右侧链接👉 MasterGo 官网

资源广场拥有海量设计资源，为你的创意工作注入活力👉 MasterGo 资源社区

MasterGo 介绍

MasterGo 是一款面向团队的专业 UI/UX 设计工具，它支持多人同时编辑、随时在线评审、设计一键交付，让你和团队的想法都能更快实现！专业、智能的界面设计，能够满足你所有创意需求。自动布局、素材填充等智能功能，让设计师有更多时间捕捉灵感。

与其他同类型软件相比，MasterGo 是一款 Web 端的设计工具，不需要下载和安装，更加轻量化，当然如果你不喜欢使用 Web 端，MasterGo 也为你提供了客户端的下载。它可以无障碍的让团队中的小伙伴打破次元，工作效率显著提升。那么接下来我们一起开启我们的MasterGo之旅吧！

本集教程内容概要

本集视频是 MasterGo 系列教程的第 11 集，由老师刘昱带领大家了解 MasterGo 中不同格式文件的导入与导出，以及多种设计工具之间的联动协同。大家跟随我的脚步，一起来学习一下吧~

编者按：图文内容简概为视频内容的提炼总结，想要了解详细教程内容，请观看文章顶部完整的视频教程。

第1部分：导入

我们可以将不同的文件类型导入 MasterGo，包括 Sketch、AdobeXD 和 Figma 的设计文件。

① 导入方式：打开主页，点击 导入 按钮，选择要导入的 Sketch 文件后，该文件就会出现在主页文件中了。还有一种导入方式，是直接将文件拖到主页中。

③ 组件与样式：需要注意的是，Sketch 中的控件也会被导入，直接出现在 MasterGo 的组件库中，但是样式是不能被使用的。

④ 从 AdobeXD 导入：MasterGo 支持导入 AdobeXD 格式的文件，可以直接 拖入文件 到当前页面，或者点击 导入文件 按钮，导入后可以继续用 MasterGo 编辑文件。

（ 注意：拖入文件 导入时，结束后不会出现 继续导入 的按钮。）

⑤ 从 Figma 导入：登录 Figma 平台，找到待导入的文件后，右键选择 Copy link 复制文件链接。或者直接打开待导入的文件，点击右上角的 Share 按钮，再点击左下角的 Copy link，也可以获取文件链接。

打开 MasterGo 进入工作台，点击右上方的 导入文件 按钮，之后在弹框中选择 链接导入。

进入 Figma 链接导入的界面，粘贴文件链接，等待自动加载完成即可。默认的导入位置为当前页面，如需修改，可以在弹框左下角进行选择。

第2部分：导出

上节课中，我们讲解了如何利用协作功能，在线参与团队协作。在此期间，我们也可以分享自己的设计，以及定义 要导出的内容 和 导出方式。

当你的权限为文件的 所有者 或 编辑者 时，可以使用 切图工具 来导出切图，直接圈出画布中的任何区域，通过设置 倍率、前缀、后缀 的方式生成和导出 PNG、JPG、WEBP 和 PDF 等不同格式的设计元素。

选中需要导出的画布或元素时，可以实时预览需要导出的内容，以免导出错误。预览里面的图还可以直接拖动到画布上。

如果使用了不同的设计工具，可以在 MasterGo 中选中目标图层，并右键找到 复制 SVG 代码，然后粘贴到其他工具中。

以上就是本集视频中关于 导入与导出 的介绍，在下节课中，我们将为大家讲解 MasterGo 中 评论功能 的使用，我们下集教程见～