CN117709303A - 将Sketch文件转为Figma文件的方法及装置 - Google Patents
将Sketch文件转为Figma文件的方法及装置 Download PDFInfo
- Publication number
- CN117709303A CN117709303A CN202311797448.6A CN202311797448A CN117709303A CN 117709303 A CN117709303 A CN 117709303A CN 202311797448 A CN202311797448 A CN 202311797448A CN 117709303 A CN117709303 A CN 117709303A
- Authority
- CN
- China
- Prior art keywords
- layer
- figma
- sketch
- file
- sktch
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000006243 chemical reaction Methods 0.000 claims abstract description 31
- 238000013507 mapping Methods 0.000 claims abstract description 19
- 238000000547 structure data Methods 0.000 claims description 39
- 230000015654 memory Effects 0.000 claims description 29
- 238000004590 computer program Methods 0.000 claims description 18
- 238000004458 analytical method Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 6
- 230000007246 mechanism Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000014759 maintenance of location Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/151—Transformation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本说明书涉及互联网金融技术领域,提供了一种将Sketch文件转为Figma文件的方法及装置,该方法包括:解析Sketch源文件得到Sketch文件结构;识别Sketch文件结构中每个Sketch图层所属的Sketch图层类型;从Figma图层类型与Sketch图层类型的映射关系表中,根据每个Sketch图层的Sketch图层类型匹配对应的Figma图层类型;解析每个Sketch图层的图层属性;将每个Sketch图层的图层属性转换为对应的Figma图层属性,并据此绘制对应的Figma图层,形成Figma文件。本说明书实施例可以兼顾Sketch文件转为Figma文件时的转换成本和转换准确率。
Description
技术领域
本说明书涉及互联网金融技术领域,尤其是涉及一种将Sketch文件转为Figma文件的方法及装置。
背景技术
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文件的需求。
目前,将Sketch文件转为Figma文件的方式主要有两种:
1、将Sketch文件导入Figma,然后选择Figma格式进行导出。但是,该方法可能会存在图层丢失或转化不准确的情况。
2、借助第三方工具作为中间转化机制,但是,第三方工需付费,从而导致转换成本高。
因此,如何兼顾Sketch文件转为Figma文件时的转换成本和转换准确率,已成为目前亟待解决的技术问题。
发明内容
本说明书实施例的目的在于提供一种将Sketch文件转为Figma文件的方法及装置,以兼顾Sketch文件转为Figma文件时的转换成本和转换准确率。
为达到上述目的,一方面,本说明书实施例提供了一种将Sketch文件转为Figma文件的方法,包括:
解析Sketch源文件得到对应的Sketch文件结构数据;
识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型;
从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型;
解析每个所述Sketch图层的图层属性信息;
调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息;
调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
本说明书实施例的将Sketch文件转为Figma文件的方法中,解析Sketch源文件得到对应的Sketch文件结构数据,包括:
调用Sketch中的fromFile方法解析Sketch源文件,获得json格式的Sketch文件结构数据。
本说明书实施例的将Sketch文件转为Figma文件的方法中,所述Sketch文件结构数据中包括一个或多个页面,每个页面包含一个或多个画板,每个所述画板包含一个或多个Sketch图层。
本说明书实施例的将Sketch文件转为Figma文件的方法中,所述识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型,包括:
根据所述Sketch文件结构数据中每个Sketch图层的class属性值,对应确定每个Sketch图层的Sketch图层类型。
本说明书实施例的将Sketch文件转为Figma文件的方法中,所述Sketch图层类型包括:切片、编组、文本、三角形、矢量路径、矩形、控件实例和位图。
本说明书实施例的将Sketch文件转为Figma文件的方法中,在将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息之后,还包括:
将转换获得的Figma图层属性信息根据属性类别对应的Figma图层属性表中;
所述将转换获得的Figma图层属性信息绘制为对应的Figma图层,包括:
根据每个所述Figma图层属性表中的Figma图层属性信息绘制为对应的Figma图层。
另一方面,本说明书实施例还提供了一种将Sketch文件转为Figma文件的装置,包括:
源文件解析模块,用于解析Sketch源文件得到对应的Sketch文件结构数据;
图层类型识别模块,用于识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型;
图层类型匹配模块,用于从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型;
图层属性解析模块,用于解析每个所述Sketch图层的图层属性信息;
图层属性转换模块,用于调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息;
图层绘制模块,用于调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
另一方面,本说明书实施例还提供了一种计算机设备,包括存储器、处理器、以及存储在所述存储器上的计算机程序,所述计算机程序被所述处理器运行时,执行上述方法的指令。
另一方面,本说明书实施例还提供了一种计算机存储介质,其上存储有计算机程序,所述计算机程序被计算机设备的处理器运行时,执行上述方法的指令。
另一方面,本说明书实施例还提供了一种计算机程序产品,所述计算机程序产品包括计算机程序,所述计算机程序被计算机设备的处理器运行时,执行上述方法的指令。
由以上本说明书实施例提供的技术方案可见,本说明书实施例中,预先根据图层类型设置了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文件的转换准确率。在此基础上,也就没有必要再借助收费的第三方转换工具将Sketch文件转换为Figma文件了,从而也降低了转换成本。
附图说明
为了更清楚地说明本说明书实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1示出了本说明书一些实施例中将Sketch文件转为Figma文件的应用环境示意图;
图2示出了本说明书一些实施例中将Sketch文件转为Figma文件的方法的流程图;
图3示出了本说明书另一些实施例中将Sketch文件转为Figma文件的方法的流程图;
图4示出了本说明书一些实施例中将Sketch文件转为Figma文件的装置的结构框图;
图5示出了本说明书一些实施例中计算机设备的结构框图。
【附图标记说明】
10、客户端;
20、服务端;
41、源文件解析模块;
42、图层类型识别模块;
43、图层类型匹配模块;
44、图层属性解析模块;
45、图层属性转换模块;
46、图层绘制模块;
502、计算机设备;
504、处理器;
506、存储器;
508、驱动机构;
510、输入/输出接口;
512、输入设备;
514、输出设备;
516、呈现设备;
518、图形用户接口;
520、网络接口;
522、通信链路;
524、通信总线。
具体实施方式
为了使本技术领域的人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本说明书保护的范围。
图1中示出了本说明书一些实施例中将Sketch文件转为Figma文件的应用环境示意图;该应用环境中包括客户端10和服务端20。客户端10可以向服务端提供Sketch源文件。服务端20可以解析Sketch源文件得到对应的Sketch文件结构数据;识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型;从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型;解析每个所述Sketch图层的图层属性信息;调用对应Figma图层类型的应用程序编程接口(Application Programming Interface,API),将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息;调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。通过本说明书实施例可以降低Sketch文件转为Figma文件时的转换成本,并提高低Sketch文件转为Figma文件的转换准确率。
在本说明书一些实施例中,所述客户端10可以为自助终端设备、移动终端(即智能手机)、显示器、台式电脑、平板电脑、笔记本电脑、数字助理或智能可穿戴设备等。其中,智能可穿戴设备可以包括智能手环、智能手表、智能眼镜或智能头盔等。当然,所述客户端10并不限于上述具有一定实体的电子设备,其还可以为运行于上述电子设备中的软件。
在本说明书一些实施例中,所述服务端20可以为具有运算和网络交互功能的电子设备;也可以为运行于该电子设备中,为数据处理和网络交互提供业务逻辑的软件。
此外,需要说明的是,图1所示的仅仅是本说明书提供的一种应用环境,在实际应用中,所述客户端10可以为多个,所述服务端20也可以为多个,本说明书不做限制。
本说明书实施例提供了一种将Sketch文件转为Figma文件的方法,可以应用于上述的服务端侧,参考图2所示,在本说明书一些实施例中,将Sketch文件转为Figma文件的方法可以包括以下步骤:
步骤201、解析Sketch源文件得到对应的Sketch文件结构数据。
步骤202、识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型。
步骤203、从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型。
步骤204、解析每个所述Sketch图层的图层属性信息。
步骤205、调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息。
步骤206、调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
在本说明书的实施例中,预先根据图层类型设置了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文件的转换准确率。在此基础上,也就没有必要再借助收费的第三方转换工具将Sketch文件转换为Figma文件了,从而也降低了转换成本。
在本说明书一些实施例中,解析Sketch源文件得到对应的Sketch文件结构数据可以包括:调用Sketch中的fromFile方法解析Sketch源文件(即可以调用@sketch-hq/sketch-file工具包中的fromFile方法),获得json格式的Sketch文件结构数据。具体实施时,可以将sketch文件存储路径作为参数,传递给fromFile方法,以调用fromFile方法解析Sketch源文件得到对应的Sketch文件结构数据。
Sketch文件结构数据中包括一个或多个页面(page),每个页面包含一个或多个画板(sketchpad),每个所述画板包含一个或多个Sketch图层(layer)。
在本说明书另一些实施例中,由于一个.sketch文件实际上是一个压缩文件,其中包含了一系列的json文件和二进制文件。由于本申请主要关注的是json文件(json文件主要包含设计元素的ID、名称、宽、高、坐标值、背景色、元素类型、字体大小、字体颜色、行高等信息),也可以使用Jackson库中的json文件解析方法解析Sketch源文件得到对应的Sketch文件结构数据。
每个Sketch图层的class属性值可以表征该Sketch图层所归属的图层类型。其中,Sketch图层的图层类型例如可以包括切片(slice)、编组(group)、文本(text)、三角形(triangle)、矢量路径(shapePath)、矩形(rectangle)、控件实例(symbolInstance)和位图(bitmap)等。因此,在本说明书一些实施例中,识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型,可以包括:根据所述Sketch文件结构数据中每个Sketch图层的class属性值,对应确定每个Sketch图层的Sketch图层类型;即通过读取每个Sketch图层的class属性值,即可以对应识别出每个Sketch图层所归属的Sketch图层类型。
在本说明书的实施例中,可以预先根据sketch开放的API及Figma开放的API进行一对一图层转换的映射关系配置及维护,即可以预先配置并维护Sketch图层与Figma图层的映射关系。例如,Sketch中的切片图层类型与Figma中的切片图层类型可以形成映射关系,Sketch中的文本图层类型与Figma中的文本图层类型可以形成映射关系等等;总之,对于sketch中的每个图层类型,都可以在Figma中找到与之对应或对等的图层类型,据此可以建立它们之间的一对一图层转换的映射关系。如此,可以有效降低或避免Sketch文件转换为Figma文件过程中的图层丢失问题。
因此,对于待转换Sketch文件的每个Sketch图层,在识别出其Sketch图层类型后,可以从上述映射关系快速匹配出对应Figma图层类型。如此,在解析出该Sketch图层的图层属性信息后,可以调用对应Figma图层类型的API,以将该Sketch图层的图层属性信息转换为对应的Figma图层属性信息,从而完成由Sketch至Figma的图层属性信息转换。例如,以Sketch文本图层为例,在解析得到的Sketch文本图层的sketch文本属性值(文本颜色、字体大小、行高等)后,可以调用Figma文本图层API将该Sketch文本图层的sketch文本属性值,映射为其对应Figma文本图层的Figma文本属性值(或作为其一部分)。
在本说明书一些实施例中,当待转换Sketch文件中一个页面的所有Sketch图层均完成由Sketch至Figma的图层属性信息转换后,可以调用对应Figma图层类型的API,以将转换获得的本页面的Figma图层属性信息绘制为对应的Figma图层。如此,当完成待转换Sketch文件中所有页面的由Sketch至Figma的图层转换后,即形成了Figma文件。换而言之,可以通过遍历方式对Sketch文件结构数据中的每个页面的每个图层进行转换。例如,可以通过for循环遍历Sketch文件结构数据中的pages,每个pages又包含layers,再for循环遍历layers。
例如,在一示例性实施例中,一个sketch文件由一个矩形和一个文本组成。则转换为Figma数据结构为:
根据该数据结构,调用Figma API的createText和createRectangle方法可以分别绘制出矩形和文本,形成Figma文件。
参考图3所示,在本说明书另一些实施例中,将Sketch文件转为Figma文件的方法可以包括以下步骤:
步骤301、解析Sketch源文件得到对应的Sketch文件结构数据。
步骤302、识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型。
步骤303、从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型。
步骤304、解析每个所述Sketch图层的图层属性信息。
步骤305、调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息。
步骤306、将转换获得的Figma图层属性信息根据属性类别对应的Figma图层属性表中。
步骤307、调用对应Figma图层类型的API,根据每个所述Figma图层属性表中的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
与图2所示的将Sketch文件转为Figma文件的方法的不同之处在于:在图3所示的将Sketch文件转为Figma文件的方法中,不同的Figma图层属性可以对应一个单独的js文件(Figma图层属性表)。如此,可以避免将不同属性都写在一个js文件而使得数据比较混乱,从而方便了转换过程中的图层文件管理。例如,以Sketch文本图层为例,若解析得到的Sketch文本图层的图层属性信息包括文本颜色值、字体大小值和行高三个属性值,则可以将文本颜值色存入一个Figma图层属性表,将字体大小值存入另一个Figma图层属性表,并将行高存入第三个Figma图层属性表。
虽然上文描述的过程流程包括以特定顺序出现的多个操作,但是,应当清楚了解,这些过程可以包括更多或更少的操作,这些操作可以顺序执行或并行执行(例如使用并行处理器或多线程环境)。
与上述将Sketch文件转为Figma文件的方法对应,本说明书实施例还提供了一种将Sketch文件转为Figma文件的装置,其可以配置于上述的服务端上,参考图4所示,在本说明书一些实施例中,将Sketch文件转为Figma文件的装置可以包括:
源文件解析模块41,用于解析Sketch源文件得到对应的Sketch文件结构数据;
图层类型识别模块42,用于识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型;
图层类型匹配模块43,用于从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型;
图层属性解析模块44,用于解析每个所述Sketch图层的图层属性信息;
图层属性转换模块45,用于调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息;
图层绘制模块46,用于调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
需要说明的是,本说明书的实施例中,所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权同意且经过各方充分授权的信息和数据。
本说明书的实施例还提供一种计算机设备。如图5所示,在本说明书一些实施例中,所述计算机设备502可以包括一个或多个处理器504,诸如一个或多个中央处理单元(CPU)或图形处理器(GPU),每个处理单元可以实现一个或多个硬件线程。计算机设备502还可以包括任何存储器506,其用于存储诸如代码、设置、数据等之类的任何种类的信息,一具体实施例中,存储器506上并可在处理器504上运行的计算机程序,所述计算机程序被所述处理器504运行时,可以执行上述任一实施例所述的将Sketch文件转为Figma文件的方法的指令。非限制性的,比如,存储器506可以包括以下任一项或多种组合:任何类型的RAM,任何类型的ROM,闪存设备,硬盘,光盘等。更一般地,任何存储器都可以使用任何技术来存储信息。进一步地,任何存储器可以提供信息的易失性或非易失性保留。进一步地,任何存储器可以表示计算机设备502的固定或可移除部件。在一种情况下,当处理器504执行被存储在任何存储器或存储器的组合中的相关联的指令时,计算机设备502可以执行相关联指令的任一操作。计算机设备502还包括用于与任何存储器交互的一个或多个驱动机构508,诸如硬盘驱动机构、光盘驱动机构等。
计算机设备502还可以包括输入/输出接口510(I/O),其用于接收各种输入(经由输入设备512)和用于提供各种输出(经由输出设备514)。一个具体输出机构可以包括呈现设备516和相关联的图形用户接口518(GUI)。在其他实施例中,还可以不包括输入/输出接口510(I/O)、输入设备512以及输出设备514,仅作为网络中的一台计算机设备。计算机设备502还可以包括一个或多个网络接口520,其用于经由一个或多个通信链路522与其他设备交换数据。一个或多个通信总线524将上文所描述的部件耦合在一起。
通信链路522可以以任何方式实现,例如,通过局域网、广域网(例如,因特网)、点对点连接等、或其任何组合。通信链路522可以包括由任何协议或协议组合支配的硬连线链路、无线链路、路由器、网关功能、名称服务端等的任何组合。
本申请是参照本说明书一些实施例的方法、设备(系统)、计算机可读存储介质和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理器的处理器以产生一个机器,使得通过计算机或其他可编程数据处理器的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理器以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理器上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算机设备访问的信息。按照本说明书中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
本领域技术人员应明白,本说明书的实施例可提供为方法、系统或计算机程序产品。因此,本说明书实施例可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书实施例,在这些分布式计算环境中,由通过通信网络而被连接的远程处理器来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
还应理解,在本说明书实施例中,术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系。例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本说明书实施例的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种将Sketch文件转为Figma文件的方法,其特征在于,包括:
解析Sketch源文件得到对应的Sketch文件结构数据;
识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型;
从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型;
解析每个所述Sketch图层的图层属性信息;
调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息;
调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
2.如权利要求1所述的将Sketch文件转为Figma文件的方法,其特征在于,解析Sketch源文件得到对应的Sketch文件结构数据,包括:
调用Sketch中的fromFile方法解析Sketch源文件,获得json格式的Sketch文件结构数据。
3.如权利要求1所述的将Sketch文件转为Figma文件的方法,其特征在于,所述Sketch文件结构数据中包括一个或多个页面,每个页面包含一个或多个画板,每个所述画板包含一个或多个Sketch图层。
4.如权利要求1所述的将Sketch文件转为Figma文件的方法,其特征在于,所述识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型,包括:
根据所述Sketch文件结构数据中每个Sketch图层的class属性值,对应确定每个Sketch图层的Sketch图层类型。
5.如权利要求1所述的将Sketch文件转为Figma文件的方法,其特征在于,所述Sketch图层类型包括:切片、编组、文本、三角形、矢量路径、矩形、控件实例和位图。
6.如权利要求1所述的将Sketch文件转为Figma文件的方法,其特征在于,在将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息之后,还包括:
将转换获得的Figma图层属性信息根据属性类别对应的Figma图层属性表中;
所述将转换获得的Figma图层属性信息绘制为对应的Figma图层,包括:
根据每个所述Figma图层属性表中的Figma图层属性信息绘制为对应的Figma图层。
7.一种将Sketch文件转为Figma文件的装置,其特征在于,包括:
源文件解析模块,用于解析Sketch源文件得到对应的Sketch文件结构数据;
图层类型识别模块,用于识别所述Sketch文件结构数据中每个Sketch图层所属的Sketch图层类型;
图层类型匹配模块,用于从Figma图层类型与Sketch图层类型的映射关系表中,根据每个所述Sketch图层所属的Sketch图层类型匹配对应的Figma图层类型;
图层属性解析模块,用于解析每个所述Sketch图层的图层属性信息;
图层属性转换模块,用于调用对应Figma图层类型的API,将每个所述Sketch图层的图层属性信息转换为对应的Figma图层属性信息;
图层绘制模块,用于调用对应Figma图层类型的API,将转换获得的Figma图层属性信息绘制为对应的Figma图层,形成Figma文件。
8.一种计算机设备,包括存储器、处理器、以及存储在所述存储器上的计算机程序,其特征在于,所述计算机程序被所述处理器运行时,执行根据权利要求1-6任意一项所述方法的指令。
9.一种计算机存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被计算机设备的处理器运行时,执行根据权利要求1-6任意一项所述方法的指令。
10.一种计算机程序产品,其特征在于,所述计算机程序产品包括计算机程序,所述计算机程序被计算机设备的处理器运行时,执行根据权利要求1-6任意一项所述方法的指令。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311797448.6A CN117709303A (zh) | 2023-12-25 | 2023-12-25 | 将Sketch文件转为Figma文件的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311797448.6A CN117709303A (zh) | 2023-12-25 | 2023-12-25 | 将Sketch文件转为Figma文件的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117709303A true CN117709303A (zh) | 2024-03-15 |
Family
ID=90144219
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311797448.6A Pending CN117709303A (zh) | 2023-12-25 | 2023-12-25 | 将Sketch文件转为Figma文件的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117709303A (zh) |
-
2023
- 2023-12-25 CN CN202311797448.6A patent/CN117709303A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10963144B2 (en) | Graphically organizing content in a user interface to a software application | |
CN107273104B (zh) | 一种配置数据结构的处理方法及装置 | |
CN104298496B (zh) | 数据分析型软件开发框架系统 | |
US9384575B2 (en) | Space constrained small format visual analytic labeling | |
CN109086126B (zh) | 任务调度处理方法、装置、服务器、客户端及电子设备 | |
CN110069312A (zh) | 一种ui组件配置和生成ui组件库的方法及装置 | |
CN109522013A (zh) | 一种业务功能的代码生成方法及装置 | |
US20140327608A1 (en) | Transforming visualized data through visual analytics based on interactivity | |
CN111611419B (zh) | 一种子图识别方法及装置 | |
CN110297945B (zh) | 基于xbrl的数据信息处理方法及系统 | |
CN117709303A (zh) | 将Sketch文件转为Figma文件的方法及装置 | |
CN114489910B (zh) | 一种视频会议数据显示方法、装置、设备及介质 | |
CN116049599A (zh) | 一种数据可视化页面的自适应渲染方法、系统及存储介质 | |
CN115543298A (zh) | 基于规则执行器的业务处理方法、装置、设备及存储介质 | |
CN115525851A (zh) | 详情页面展示方法、装置、设备及存储介质 | |
CN110007907B (zh) | 一种动画执行方法及装置 | |
CN112783633A (zh) | 基于资源互斥调度模型的数据更新系统及方法 | |
CN113935301B (zh) | 一种报表生成方法及装置、存储介质及电子设备 | |
CN114662463B (zh) | 数据处理方法、装置、电子设备和存储介质 | |
CN112949670B (zh) | 用于联邦学习模型的数据集切换方法和装置 | |
CN114064029B (zh) | 实现后端绘图的方法、装置及架构和数据机器人 | |
US20220292375A1 (en) | Method and system for identifying predictable fields in an application for machine learning | |
CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
US20240211307A1 (en) | Graphics processing unit performance analysis method, computer device and storage medium | |
CN115292564A (zh) | 一种动态展示数据的方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |