从Sketch导入

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

用于Sketch的ProtoPie插件

下载并安装用于Sketch的ProtoPie插件,插件要求使用ProtoPie 5.4或更高版本。了解有关插件安装的更多信息。

将设计稿从Sketch导入到ProtoPie中时,如通过ProtoPie Sketch插件来完成导入,即可感受到这一插件的灵活性和便捷性,所有导入操作均在本地完成,从而避免了任何时间上的延迟卡顿。

导入内容可控——画板可以导入为场景,而导入对象将依照Sketch设计稿中原有的层次结构、定位、约束等来进行等效导入。

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

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

支持的属性

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

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

插件导入方式与无插件导入有何不同

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

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

将Sketch中的画板导入为ProtoPie中的同名场景,支持一次性导入多个画板,导入结果基于Sketch中图层的层次结构。

[object Object]
导入对象

导入对象并保持与Sketch中一致的图层层次结构、定位以及约束。支持一次性导入多个对象。

Sketch中的母版组件和子版组件会被导入为容器。可在ProtoPie中将其转换为相应的母版组件以维持其组件特性。了解更多关于组件的知识。

[object Object]
导入为SVG

Sketch中的矢量图层会被导入为ProtoPie中的SVG (Scalable Vector Graphics,可缩放矢量图形)。如要使导入的SVG的属性可编辑,可在导入后将其转换为形状。ProtoPie目前尚未支持所有SVG属性。了解更多关于SVG图层的知识。

导入文本图层

Sketch中的文本图层会被导入为ProtoPie中的SVG。如要使导入的SVG的属性可编辑,可在导入后将其转换为文本图层。了解更多关于文本图层的知识。

再次导入

通常从Sketch中再次导入画板和对象将会覆盖上次导入的结果,但以下所举的特殊情形需要事先考虑。

  • 如在ProtoPie中改变了某导入对象的一些属性,则再次导入时将不会影响这一对象。
  • 如在导入后改变了图层的层次结构,则再次导入时将不会影响已经改变了的图层层次结构。例如,将一个导入后的图层添加到一个新建的滑动容器层中,那么再次导入时原来导入的图层将不会受到影响。
  • 导入后删掉的图层不会在再次导入时又被导入进来,除非在Sketch中单独对这一图层进行选择后专门地将这一图层导入ProtoPie。
  • 如需一个场景或对象的副本,应先将其导入,然后在ProtoPie中复制出所需的副本。例如,需要将Sketch中的一个画板作为ProtoPie中的两个同样的场景,则应导入一次,然后在ProtoPie中复制该导入进来的场景以得到所需的第二个同样的场景。

Sketch导入(原有导入方式)

ProtoPie提供了多种在macOS上将Sketch创建的文件导入进来的方法。您可以根据需要来自定义导入的方式,例如根据工作流程的差异您可以从Sketch文件中导入所有图层,也可以只导入已设为"可导出"的图层。再导入时,可以自动同步在Sketch除图层位置和尺寸之外的其它变更。

画板

在Sketch中选择要导入的画板

导入大小

设置图层的导入比例。此项可以根据Sketch中所选择的画板的尺寸来变更。

所有图层

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

可导出图

层仅当图层被设置为"可导出"时才会被导入

更新图层坐标和大小

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

更新图层大小

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

同步图层排序和层级

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

删除已在Sketch中删除的图层

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

panel import sketch

FAQs

Back To Top