从Sketch中导入Flinto文件

Sketch是一种流行的矢量图形工具,非常适合于用户界面设计。Flinto提供了一个可下载的插件,可以很方便的从Sketch导入多屏设计到Flinto Mac。Sketch文件如果更新或者初始导入后,重新运行“Send to Flinto”插件再次导入,那么将会更新Flinto文件中的内容,而之前Flinto文件中的设计将会被保留。

安装“Send to Flinto”插件

在安装安装“Send to Flinto”插件之前,请确保您的MAC上已经安装了Sketch

“Send to Flinto”插件可以从flinto.com/mac_sketch_plugin下载。下载完成后双击下载的插件文件即可在Sketch中完成安装。

使用“Send to Flinto”插件

使用“Send to Flinto”插件适用于Sketch的当前打开的文件中,至少需要选择一个画板。然后从插件菜单中激活插件或者使用快捷键:command + control + shift + f

激活插件后,会出现一个窗口,用于对Flinto文件选项的设置。插件会根据您的Sketch画板的尺寸来设置您的目标设备的尺寸。如果获取到的默认值是错误的,您可以选择一个设备尺寸或输入自己的自定义尺寸。

刻度值可以用来扩展您的文档,以匹配目标设备的像素密度。例如您工作在1X的像素密度与目标2个像素密度的设备如iPhone 6,您可以将比例设置为200%,这将相应地扩展您的设计。Flinto for Mac使用位图图层,所以规模需要设置好,以避免模糊好看的图形前设置。

当您的准备好了,按“Send(发送)”。Sktech的每个画板在Flinto for Mac中会变成一个屏幕。Mac for Flinto将会自动打开,您将看到一个全新的Flinto文档,或者询问您是否将Sketch中的文件合并到现已打开的文档中(前提是您已经打开了Flinto文件)。最初的时候这个文件是没有保存的,所以建议您在导入后先将其保存。

导入的特点

栅格化和扁平化

“Send to Flinto”插件会尽量保持图层作为矢量形状,并将它们转换否则位图。Flinto支持矢量形状矩形使用一个填充、边框和阴影。如果一个矩形层具有不Flinto支持的属性,导入时它会被压扁成位图。

该插件还会将一个群组扁平化为一个图层。这种扁平化行为有助于保持快速导出,并简化了由此产生的原型。如果您发现一个组被扁平化,但您想访问各个图层,那么可以在该群组中添加一个组,然后重新导入即可。

局限性

有些Sketch中的功能在Flinto for Mac中是不可用的

重新导入

从Sketch中导入到Flinto for Mac中,如果对Sktech源文件文件进行更新,然后重新导入Flinto for Mac中。您会发现Flinto文件会被更新,而且您之前在Flinto for Mac中的设计将会被保留。

新添加的图层将被添加,删除的图层将会被删除。新添加的画板将作为新屏幕,但您删除的画板在Flinto文件中不会自动删除屏幕,您可以手动选择是否删除它们。