从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

  • Why does importing my designs with mask layers from Sketch not work?

    ProtoPie can only import artboards if all mask layers and layers affected by the mask layers have been grouped. However, when a mask layer and the layers affected by this mask layer are at the top of layer hierarchy within an artboard, it could be that they are not grouped.

    Group a mask layer and layers affected by this mask layer if they happen to be ungrouped.

Back To Top