【技术实现步骤摘要】
本说明书涉及互联网金融，尤其是涉及一种将sketch文件转为figma文件的方法及装置。
技术介绍
1、sketch和figma是两种不同的用户界面(user interface，ui)设计工具。sketch的面世时间相对较早，是ui设计领域最常用的ui设计工具之一。figma的面世时间相对较晚，是ui设计领域的后起之秀。考虑到figma更加通用且存在一些更加实用的实时协作功能，很多ui开发者开始将ui设计从sketch转向figma。但是，由于多数ui开发者更加熟悉sketch，一部分ui开发者可能不会完全放弃sketch，而可能是sketch和figma均使用；或者，因此前留存有一些sketch文件(即基于sketch开发的ui文件)需要继续使用(例如用于后续的ui迭代更新等)而暂时不能完全放弃sketch；因此，存在将sketch文件转为figma文件的需求。
2、目前，将sketch文件转为figma文件的方式主要有两种：
3、1、将sketch文件导入figma，然后选择figma格式进行导出。但是，该方法可能会存在图层丢失或转化不准确的情况。
4、2、借助第三方工具作为中间转化机制，但是，第三方工需付费，从而导致转换成本高。
5、因此，如何兼顾sketch文件转为figma文件时的转换成本和转换准确率，已成为目前亟待解决的技术问题。
技术实现思路
1、本说明书实施例的目的在于提供一种将sketch文件转为figma文件的方
2、为达到上述目的，一方面，本说明书实施例提供了一种将sketch文件转为figma文件的方法，包括：
3、解析sketch源文件得到对应的sketch文件结构数据；
4、识别所述sketch文件结构数据中每个sketch图层所属的sketch图层类型；
5、从figma图层类型与sketch图层类型的映射关系表中，根据每个所述sketch图层所属的sketch图层类型匹配对应的figma图层类型；
6、解析每个所述sketch图层的图层属性信息；
7、调用对应figma图层类型的api，将每个所述sketch图层的图层属性信息转换为对应的figma图层属性信息；
8、调用对应figma图层类型的api，将转换获得的figma图层属性信息绘制为对应的figma图层，形成figma文件。
9、本说明书实施例的将sketch文件转为figma文件的方法中，解析sketch源文件得到对应的sketch文件结构数据，包括：
10、调用sketch中的fromfile方法解析sketch源文件，获得json格式的sketch文件结构数据。
11、本说明书实施例的将sketch文件转为figma文件的方法中，所述sketch文件结构数据中包括一个或多个页面，每个页面包含一个或多个画板，每个所述画板包含一个或多个sketch图层。
12、本说明书实施例的将sketch文件转为figma文件的方法中，所述识别所述sketch文件结构数据中每个sketch图层所属的sketch图层类型，包括：
13、根据所述sketch文件结构数据中每个sketch图层的class属性值，对应确定每个sketch图层的sketch图层类型。
14、本说明书实施例的将sketch文件转为figma文件的方法中，所述sketch图层类型包括：切片、编组、文本、三角形、矢量路径、矩形、控件实例和位图。
15、本说明书实施例的将sketch文件转为figma文件的方法中，在将每个所述sketch图层的图层属性信息转换为对应的figma图层属性信息之后，还包括：
16、将转换获得的figma图层属性信息根据属性类别对应的figma图层属性表中；
17、所述将转换获得的figma图层属性信息绘制为对应的figma图层，包括：
18、根据每个所述figma图层属性表中的figma图层属性信息绘制为对应的figma图层。
19、另一方面，本说明书实施例还提供了一种将sketch文件转为figma文件的装置，包括：
20、源文件解析模块，用于解析sketch源文件得到对应的sketch文件结构数据；
21、图层类型识别模块，用于识别所述sketch文件结构数据中每个sketch图层所属的sketch图层类型；
22、图层类型匹配模块，用于从figma图层类型与sketch图层类型的映射关系表中，根据每个所述sketch图层所属的sketch图层类型匹配对应的figma图层类型；
23、图层属性解析模块，用于解析每个所述sketch图层的图层属性信息；
24、图层属性转换模块，用于调用对应figma图层类型的api，将每个所述sketch图层的图层属性信息转换为对应的figma图层属性信息；
25、图层绘制模块，用于调用对应figma图层类型的api，将转换获得的figma图层属性信息绘制为对应的figma图层，形成figma文件。
26、另一方面，本说明书实施例还提供了一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，所述计算机程序被所述处理器运行时，执行上述方法的指令。
27、另一方面，本说明书实施例还提供了一种计算机存储介质，其上存储有计算机程序，所述计算机程序被计算机设备的处理器运行时，执行上述方法的指令。
28、另一方面，本说明书实施例还提供了一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被计算机设备的处理器运行时，执行上述方法的指令。
29、由以上本说明书实施例提供的技术方案可见，本说明书实施例中，预先根据图层类型设置了sketch图层与figma图层的映射关系；对于任意一个待转换为figma文件的sketch文件，在解析sketch源文件得到其sketch文件结构数据的基础上，可以先识别其sketch文件结构数据中每个sketch图层所属的sketch图层类型，然后从figma图层类型与sketch图层类型的映射关系表中，根据每个sketch图层所属的sketch图层类型匹配对应的figma图层类型，然后调用对应figma图层类型的api，以将每个sketch图层的图层属性信息转换为对应的figma图层属性信息，最后调用对应figma图层类型的api，以将转换获得的figma图层属性信息绘制为对应的figma图层，最终形成figma文件；如此则可以降低或避免sketch文件转换为figma文件过程中的图层丢失问题，进而提高了sketch文件转换为figma文件的转换准确率。在此基础上，也就没有必要再借助收费的第三方转换工具本文档来自技高网...
【技术保护点】
1.一种将Sketch文件转为Figma文件的方法，其特征在于，包括：
2.如权利要求1所述的将Sketch文件转为Figma文件的方法，其特征在于，解析Sketch源文件得到对应的Sketch文件结构数据，包括：
3.如权利要求1所述的将Sketch文件转为Figma文件的方法，其特征在于，所述Sketch文件结构数据中包括一个或多个页面，每个页面包含一个或多个画板，每个所述画板包含一个或多个Sketch图层。
4.如权利要求1所述的将Sketch文件转为Figma文件的方法，其特征在于，所述识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型，包括：
5.如权利要求1所述的将Sketch文件转为Figma文件的方法，其特征在于，所述Sketch图层类型包括：切片、编组、文本、三角形、矢量路径、矩形、控件实例和位图。
6.如权利要求1所述的将Sketch文件转为Figma文件的方法，其特征在于，在将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息之后，还包括：
...【技术特征摘要】
1.一种将sketch文件转为figma文件的方法，其特征在于，包括：
2.如权利要求1所述的将sketch文件转为figma文件的方法，其特征在于，解析sketch源文件得到对应的sketch文件结构数据，包括：
3.如权利要求1所述的将sketch文件转为figma文件的方法，其特征在于，所述sketch文件结构数据中包括一个或多个页面，每个页面包含一个或多个画板，每个所述画板包含一个或多个sketch图层。
4.如权利要求1所述的将sketch文件转为figma文件的方法，其特征在于，所述识别所述sketch文件结构数据中每个sketch图层所属的sketch图层类型，包括：
5.如权利要求1所述的将sketch文件转为figma文件的方法，其特征在于，所述sketch图层类型包括：切片、编组、文本、三角形、矢量路径、矩形、控件实...
【专利技术属性】
技术研发人员：高亚萍，罗涛，赵海强，颜佩琼，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。