导入 #

Sketch (opens new window)Figma (opens new window) 是常用的界面设计工具。在 Sketch 和 Figma 中创建的设计图,可以通过点击 Principle 工具栏中的导入按钮,或点击菜单栏中的 File > Import 来将设计图导入到 Principle 中。

导入前的准备工作:

  1. Sketch 或 Figma 必须有一个打开的文件
  2. 该文件在当前页面必须至少有一个 Sketch 的画板或 Figma 的 Frame。

如果文件有多页,将只导入当前页面。

Principle 将按照 Sketch 画板和 Figma 框架在页面上出现的顺序,从左到右从上到下来导入。

特殊后缀 #

  • 你可以通过在 Sketch 或 Figma 的图层名称中添加 “principle flatten”(不带引号),将一个组或图层作为栅格化的图像导入。这可以用来减少导入 Principle 的图层数量,这将使它更容易操作,导入速度更快,并以更高的每秒帧数运行。

  • 要防止一个图层被导入,请在 Sketch 或 Figma 中的图层名称中加入 “principle skip”(不带引号)。

缩放 #

在导入下拉菜单中,你可以选择导入图像的缩放方式。比例系数不影响图层的尺寸,只影响被栅格化图像的分辨率。如果你的 Sketch 或 Figma 文件的分辨率是 1 倍,但你想让 Principle 原型在 2 倍或 3 倍的视网膜屏幕上看起来不错,那么这个功能就很有用。

重新导入 #

如果你对 Sketch 或 Figma 文件进行了修改,那么可以重新导入到 Principle,动画、事件和图层映射将保持原样。如果你想改变已导入的图层的位置或其他属性,最简单的方法是在 Sketch 或 Figma 中进行改变,然后再导入。有时你可能会在 Sketch 或 Figma 中删除一个图层,然后重新制作它,也许用不同的方法;在这些情况下,Principle 不会知道这个新图层在概念上是同一个图层,所以任何放在旧图层上的事件都会丢失。从 Sketch 或 Figma 文档中删除的画板,或者从其他文档中导入的画板,不会因为再次导入而受到影响。

如果你发现你需要对你的图层进行视觉上的改变,最好是在原始文件中进行,然后再次导入。这包括创建重复的画板或图层。在 Principle 中复制一个导入的图层,将创建一个与导入的文档没有 1:1 映射的图层,所以它不会受到 Sketch 或 Figma 中的变化的影响。

图层扁平化 #

Principle 会尽可能地把 Sketch 和 Figma 图层作为原生的 Principle 图层来导入,这样它们的属性就可以被动画化。但是,Principle、Sketch 和 Figma 的特性不同,所以导入时不可能总是 1:1. 例如,Principle 没有混合模式,所以所有 Sketch 图层都被导入为普通混合模式。通常情况下,你可以通过将图层或图层组平铺到一个单一的图像层来解决这些差异。

在导入过程中,以下图层会被自动扁平化:

  • 有多个圆角属性的路径图层

  • 有多个填充属性的图层

  • 有多个描边属边的图层

  • 有模糊和其他特效效果的图层

  • 蒙版图层

  • 因为 Principle 不支持 Sketch 中的所有文本选项,所以文本图层被压成了图片。但压平文本还有一个好处是确保在 iOS 上查看 Principle 文件时,所有字体都能正确呈现,因为 iOS 的字体与 Mac 是不一样的。

导入故障排除 #

如果导入失败,你可以重新启动 Principle,重新进行兼容性检查。在某些情况下,需要更新 Principle 来导入新版本的 Sketch,因为 Sketch 可能已经改变了其脚本 API。如果没有新版本的 Principle 可以从你的 Sketch 版本中导入,Principle 会在导入对话框中显示一个链接,下载一个兼容的 Sketch 版本。如果导入仍然失败,你可以联系我们,告诉我们你有哪些 Principle 和 Sketch 版本。

更新 #

你可以通过选择 “Principle” 菜单并点击 “Check for updates” 来更新 Principle。如果检查更新是灰色的,说明更新已经下载,重新启动 Principle 就可以安装新版本了。如果你的许可证是在最新版本的 Principle 发布前一年多购买的,你可以使用最新版本更新您的许可证。