Sketch和Figma是经常用于静态界面设计的矢量绘图程序。通过单击工具栏中的导入按钮或转到文件(File)>导入( Import),可以将在Sketch和Figma中创建的设计导入到Principle中。
您需要导入一些内容时:
1.Sketch或Figma必须打开文档
2.文档必须在当前页面上至少有一个Sketch Artboard或Figma Frame
如果文档有多个页面,则将导入当前页面。
Principle将按照它们在页面上显示的顺序,从左到右,然后从上到下导入Sketch画板和Figma框架。
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版本的信息,我们将对其进行调查。