Protopie交互原型设计软件学习笔记：如何导入XD或Figma文件

上篇文章，和大家分享了Protopie的界面功能（文章链接见结尾），今天接着来看看如何导入XD或Figma文件。

在软件的左上角我们可以看到一个导入按钮，点开后发现Protopie是支持对XD和Figma文件进行直接导入的。

注意点

如果你要导入XD，则需要在导入前，打开XD软件，并且加载需要导入的XD文件。如果你需要导入Figma，则需要在导入前，进行授权，但是不代表完成授权就可以导入，因为你的Figma账户中可能存在多个设计稿的情况，Figma只会导入你最近正在编辑的设计稿。实际操作

这是我们需要导入的XD设计稿，已经使用XD打开，我们来看下如何使用Protopie导入XD文件，点击导入按钮下的Adobe Xd，会看到以下界面：

因为XD存在多个图层，Protopie会要求你选择需要导入的图层，选择正确的图层后，点击导入即可将选择的图层导入至Protopie的场景中。

导入时可以看到多个字段，给大家解释一下各个配置字段的含义

当Protopie导入成功后，场景中将会显示导入的指定设计稿，如下图

Figma的导入和XD的导入类似，这里就不再重复了。

总结

个人觉得导入的功能很方便小组内的协作，也许设计师喜欢用XD，交互喜欢用Protopie，这样就有效解决了协作问题。

当然，我觉得这个功能的存在，最终还是为了抢客户，哈哈哈。

下期预告

Protopie交互原型设计软件学习笔记：如何插入图片

相关文章

Protopie交互原型设计软件学习笔记：认识Protopie