从Adobe XD导入

使用插件将设计从Adobe XD导入到ProtoPie。

安装用于Adobe XD的ProtoPie插件,并在Adobe XD中打开相应插件。

用于Adobe XD的ProtoPie插件

下载并安装用于Adobe XD的ProtoPie插件,插件要求使用ProtoPie 7.0或更高版本。

通过Adobe XD的ProtoPie插件,可以以极快的速度和极强的便捷性将设计从Adobe XD中导入到ProtoPie中,并且这一操作是完全在本机离线实现的,也就意味着没有任何的延迟。

而且导入的内容也不会出现变形。将整个画板作为场景导入或者导入部分图层后,群组仍能维持在Adobe XD中既有的层次结构、位置、以及约束。

为了使用最佳的导入性能,请在将设计导入ProtoPie时保持Adobe XD在桌面上处于打开和可见状态。

初次进行这样的导入操作吗?可以通过下面的示例文件来尝试使用ProtoPie Adobe XD插件。

支持的属性

  • 能见度
  • 锁定
  • 位置
  • 大小
  • 旋转
  • 透明度
  • 约束条件
  • 填充(单一颜色和图片)
  • 边框
  • 阴影

了解有关ProtoPie图层属性的更多信息。

通过插件导入方式可以实现:

  • 可导入一或多个画板和对象。
  • 可将顶层画板导入为场景。
  • 可手动选择要单独导入的内容。
  • 可将矢量图层导入为SVG。
  • 可将文本图层导入为ProtoPie中的文本图层。
  • 可将自适应设置导入为ProtoPie中的中的自适应设置。
[object Object]

安装Adobe XD插件

方法1. 直接下载安装文件进行安装

直接下载插件安装文件并双击进行安装,这个方法适用于Adobe中国地区账号的用户。

[object Object]

如果要升级插件时,需首先卸载已安装的老版本后,再安装新版本的插件。

[object Object]

方法2. 使用Adobe XD插件服务进行安装

通过打开Adobe XD插件下载页,或在Adobe XD插件菜单中搜索ProtoPie进行安装。这个方法适用于Adobe中国以外地区账号的用户。

基于Adobe服务政策的原因,Adobe中国地区账号的用户无法使用Adobe插件服务,所以无法通过第二种方法安装插件。建议中国地区账号的用户使用第一种方法,通过直接下载插件安装文件进行安装。

[object Object]
导入为场景

将Adobe XD中的画板导入为ProtoPie中的同名场景。这一操作支持一次性地将一个或多个画板导入为场景。所导入的场景基于画板在Adobe XD中图层的层次结构。

[object Object]
导入对象

导入对象且使对象维持与Adobe XD的设计中同样的图层层次结构、位置、约束。支持一次性导入一个或多个对象。

Adobe XD中的母版组件和子版组件将被导入为容器,可以在ProtoPie中将其转换为组件以便在ProtoPie中按照组件的方式来对其进行管理和操作。点击此处了解更多关于组件的知识。

[object Object]
导入为SVG

将Adobe XD中的矢量图层导入为ProtoPie中的SVG (Scalable Vector Graphics,可缩放矢量图形)。如要对所导入SVG的属性进行编辑,只需在导入后将其转换为形状。ProtoPie目前尚未支持全部的SVG属性。点击此处了解更多关于SVG图层的知识。

导入文字图层

将Adobe XD中的文字图层导入为ProtoPie中的SVG。如要对所导入SVG的属性进行编辑,只需在导入后将其转换为文本图层。点击此处了解更多关于文本图层的知识。

重新导入

一般来说,对Adobe XD中的画板和对象再次实施导入将会覆盖上一次导入的同等内容。但以下几需要格外留意。

  • 如果在ProtoPie中改变了已导入对象的属性,则再次导入时这一对象已被修改的属性不会受到影响(不会变回原值)。
  • 如果在导入后对图层的层次结构做了调整,譬如,将已导入的图层添加到一个新创建的滚动容器中,则再次导入时不会影响到已做的调整,即滚动容器中的已导入图层仍然存在。
  • 对于导入后又已删除掉的图层,实施再次导入时该图层将不会被导入,除非在Adobe XD中单独选择该图层然后专门实施一次对该图层的导入。
  • 如果希望获得场景或对象的副本,则只需导入一次,然后在ProtoPie中对其进行复制。例如,希望Adobe XD中的一个画板出现在ProtoPie的两个场景中,则将这个画板导入一次后在ProtoPie中复制这个被导入进来的场景以创建出同样的副本场景。
Back To Top