从Adobe XD导入

将设计从Adobe XD导入到ProtoPie的方式有两种。

用于Adobe XD的ProtoPie插件

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

通过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中复制这个被导入进来的场景以创建出同样的副本场景。

Adobe XD导入(原有导入方式)

仅在ProtoPie 5.2或更低版本中可用。

画板

在Adobe XD中选择要导入的画板

导入尺寸

设置图层的放大系数。此项可以根据Adobe XD中所选择的画板的尺寸来变更。

所有图层

画板中的所有图层均会被导入到文件夹结构中

仅批量导入选中图层

只有在Adobe XD中被标记为"批量导出标注"的图层才会被导入

更新图层坐标和大小

当从Adobe XD重导入画板时覆盖图层位置值

更新图层大小

当从Adobe XD重导入画板时覆盖图层尺寸值

同步图层排序和层级

当从Adobe XD重导入画板时更新图层顺序和分组

删除已在Adobe XD 中删除的图层

当从Adobe XD重导入画板时移除Adobe XD中已删除的图层

panel import xd

FAQs

Back To Top