SketchFigma是经常用于静态界面设计的矢量绘图程序。通过单击工具栏中的导入按钮或转到文件(File)>导入( Import),可以将在Sketch和Figma中创建的设计导入到Principle中。

您需要导入一些内容时:
1.Sketch或Figma必须打开文档
2.文档必须在当前页面上至少有一个Sketch Artboard或Figma Frame

如果文档有多个页面,则将导入当前页面。

Principle将按照它们在页面上显示的顺序,从左到右,然后从上到下导入Sketch画板和Figma框架。
134179-4c6b0f59a70fab19.png
Principle5.0开始导入UI长这样


特殊后缀(Special suffixes)

  • 通过将“principle flatten”(不带引号)添加到Sketch或Figma中的图层名称,可以将组或图层作为单个栅格化图像导入。这可以用于减少导入到Principle中的层数,这将使其更容易使用,导入更快,并以更高的每秒帧数运行。
  • 要防止图层导入,请将“principle skip”(不带引号)添加到Sketch或Figma中的图层名称。

缩放(Scaling)

  • 在导入下拉列表中,您可以选择导入时缩放图像的缩放方式。比例因子不会影响图层的尺寸,只会影响栅格资产的分辨率。如果您的Sketch或Figma文件的分辨率为1x,则此功能非常有用,但您希望在2x或3x视网膜屏幕上使原理原型看起来不错。

重新导入(Re-Importing)

  • 如果您对Sketch或Figma文件进行了更改,则可以将其重新导入到Principle中,动画,事件和图层映射将保持不变。如果要更改导入的图层的位置或其他属性,最简单的方法是在Sketch或Figma中进行更改,然后再次导入。有时您可能会删除Sketch或Figma中的图层,然后重新制作它,可能采用不同的方法; 在这些情况下,Principle不会知道这个新图层在概念上是同一层,因此放置在旧图层上的任何事件都将丢失。已从Sketch或Figma文档中删除或从其他文档导入的画板不会再次导入。

    做出改变(Making changes)

  • 如果您发现需要对图层进行可视更改,最好在原始文档中执行此操作,然后再次导入。这包括创建重复的画板或图层。在Principle中复制导入的图层将创建一个与导入文档没有1:1映射的图层,因此它不会受到Sketch或Figma中所做更改的影响。


图层展平(Layer flattening)

  • 尽可能地,Principle将尝试将Sketch和Figma图层导入为原生Principle图层,以便对其属性进行动画处理。但是,Principle,Sketch和Figma的功能不同,因此导入不能总是1:1。例如,Principle没有混合模式,因此所有Sketch图层都导入为默认的混合模式。通常,您可以通过将图层或图层组展平为单个图像图层来解决这些差异。

在导入过程中,有一些事情会导致图层自动展平为图像:

  • 路径 Paths
    不仅仅是具有单个半径的圆角矩形的图层将被展平
  • 填充Fills
    图层必须具有单一的纯色填充,以避免被展平。
  • 边框Borders
    图层最多只能有一个单一的实心内边框,否则它们会变平
  • 模糊和其他效果Blur and other effects
    具有模糊或其他效果的图层将会变平
  • 遮罩Masks
  • 具有遮罩层的蒙版组或画板将拼合成单个图层。为了最大限度地减少由于蒙版而变平的图层数量,您可以将蒙版图层和蒙版图层分组。
  • 文本Text
  • 文本文本图层被展平为图像,因为Principle不支持Sketch中的所有文本选项。展平文本的另一个好处是确保在iOS上查看Principle文件时所有字体都能正确呈现,而iOS上的字体与Mac不同。

导入故障排除(Import troubleshooting)

如果导入失败,您可以重新启动Principle以重新运行它的兼容性检查。在某些情况下,需要更新Principle才能从Sketch的新版本导入,这可能已经更改了其脚本API。如果没有可以从您的Sketch版本导入的新版本的Principle,则Principle将在导入对话框中显示一个链接以下载兼容版本的Sketch。如果导入仍然失败,您可以与我们联系,提供有关您拥有的Principle和Sketch版本的信息,我们将对其进行调查。