CN115421786B - 一种设计组件迁移方法及相关设备 - Google Patents

Abstract

本公开提供的一种设计组件迁移方法及相关设备，应用于目标产品设计平台，可以通过获得目标产品项目在当前产品设计平台下的多个第一设计组件的关联关系数据，并获得按照与目标产品设计平台对应的文件生成逻辑对各第一设计组件进行转换后的第二设计组件，基于该关联关系数据构建各第二设计组件之间的调用关联关系，能够提高设计组件的迁移效率，保证设计组件能够正确迁移至目标产品设计平台。

Description

一种设计组件迁移方法及相关设备

技术领域

本公开涉及产品设计领域，尤其涉及一种设计组件迁移方法及相关设备。

背景技术

随着计算机技术的进步与发展，设计人员可以利用多种产品设计工具设计出独特且美观的图形和用户界面，从而提升了产品用户的观感舒适度和使用体验。

为了向产品用户提供完整且统一的品牌产品使用体验，同时塑造品牌影响力，设计人员往往会将可以重复使用的设计作为通用的设计组件，以便不同的设计人员或团队对该设计组件进行快速调用。

由于跨团队或跨部门的设计需求，不同的设计组件之间往往会存在包括调用在内的关联关系，使得不同设计组件之间得以进行调用。然而，由于设计组件存在平台限制，设计人员若想将已有的设计组件迁移至其他平台，需要对设计组件之间的关联关系重新进行人工搭建，导致设计组件的整体迁移效率低且容易出错。

因此，如何提高设计组件的迁移效率，保证设计组件能够正确迁移至其他平台，成为本领域技术人员急需解决的技术问题。

发明内容

鉴于上述问题，本公开提供一种克服上述问题或者至少部分地解决上述问题的一种设计组件迁移方法及相关设备，技术方案如下：

一种设计组件迁移方法，应用于目标产品设计平台，所述方法包括：

获得目标产品项目在当前产品设计平台下的多个第一设计组件；

对所述第一设计组件进行解析，获得所述第一设计组件的数据结构信息；

利用所述数据结构信息，获得所述第一设计组件的关联关系数据，其中，所述关联关系数据包括所述第一设计组件与其他所述第一设计组件之间的第一调用信息；

按照与所述目标产品设计平台对应的文件生成逻辑对所述第一设计组件进行转换，生成与所述第一设计组件对应的第二设计组件；

将所述第二设计组件上传至与所述目标产品项目对应的团队组件库中；

基于所述第一调用信息，在所述团队组件库中构建各所述第二设计组件之间的调用关联关系。

可选的，所述关联关系数据还包括所述第一设计组件调用外部组件的第二调用信息，在所述将所述第二设计组件上传至与所述目标产品项目对应的团队组件库中之后，所述方法还包括：

基于所述第一设计组件的所述第二调用信息，对与所述第一设计组件对应的所述第二设计组件订阅与所述外部组件对应的外部组件库。

可选的，所述基于所述第一设计组件的所述第二调用信息，对与所述第一设计组件对应的所述第二设计组件订阅与所述外部组件对应的外部组件库，包括：

基于所述第一设计组件的所述第二调用信息，将与所述第一设计组件对应的所述第二设计组件中externalComponents字段下调用的图层ID修改为与外部组件对应的外部组件库的组件库ID。

可选的，所述利用所述数据结构信息，获得所述第一设计组件的关联关系数据，包括：

遍历所述第一设计组件的所述数据结构信息中的foreignSymbols数组，获得所述第一设计组件的关联关系数据。

可选的，在所述对所述第一设计组件进行解析，获得所述第一设计组件的数据结构信息之后，所述方法还包括：

获得所述数据结构信息中的turtle数据；

将所述turtle数据存储至预设存储器中。

可选的，所述按照与所述目标产品设计平台对应的文件生成逻辑对所述第一设计组件进行转换，生成与所述第一设计组件对应的第二设计组件，包括：

按照与所述目标产品设计平台对应的文件生成逻辑，将所述第一设计组件中除所述关联关系数据以外的其他数据转换为目标格式数据；

将所述预设存储器中的turtle数据与所述目标格式数据进行合并，生成与所述第一设计组件对应的第二设计组件。

可选的，所述第一设计组件为Sketch文件或Figma文件。

可选的，所述目标产品设计平台为MasterGO平台。

一种设计组件迁移装置，应用于目标产品设计平台，所述装置包括：第一设计组件获得单元、数据结构信息获得单元、关联关系数据获得单元、第二设计组件获得单元、第二设计组件上传单元以及调用关系构建单元，

所述第一设计组件获得单元，用于获得目标产品项目在当前产品设计平台下的多个第一设计组件；

所述数据结构信息获得单元，用于对所述第一设计组件进行解析，获得所述第一设计组件的数据结构信息；

所述关联关系数据获得单元，用于利用所述数据结构信息，获得所述第一设计组件的关联关系数据，其中，所述关联关系数据包括所述第一设计组件与其他所述第一设计组件之间的第一调用信息；

所述第二设计组件获得单元，用于按照与所述目标产品设计平台对应的文件生成逻辑对所述第一设计组件进行转换，生成与所述第一设计组件对应的第二设计组件；

所述第二设计组件上传单元，用于将所述第二设计组件上传至与所述目标产品项目对应的团队组件库中；

所述调用关系构建单元，用于基于所述第一调用信息，在所述团队组件库中构建各所述第二设计组件之间的调用关联关系。

一种电子设备，所述电子设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述任一项所述的设计组件迁移方法。

借由上述技术方案，本公开提供的一种设计组件迁移方法及相关设备，应用于目标产品设计平台，可以获得目标产品项目在当前产品设计平台下的多个第一设计组件；对第一设计组件进行解析，获得第一设计组件的数据结构信息；利用数据结构信息，获得第一设计组件的关联关系数据，其中，关联关系数据包括第一设计组件与其他第一设计组件之间的第一调用信息；按照与目标产品设计平台对应的文件生成逻辑对第一设计组件进行转换，生成与第一设计组件对应的第二设计组件；将第二设计组件上传至与目标产品项目对应的团队组件库中；基于第一调用信息，在团队组件库中构建各第二设计组件之间的调用关联关系。本公开通过获得目标产品项目在当前产品设计平台下的多个第一设计组件对应的关联关系数据，并获得按照与目标产品设计平台对应的文件生成逻辑对各第一设计组件进行转换后的第二设计组件，基于该关联关系数据构建各第二设计组件之间的调用关联关系，能够提高设计组件的迁移效率，保证设计组件能够正确迁移至目标产品设计平台。

上述说明仅是本公开技术方案的概述，为了能够更清楚了解本公开的技术手段，而可依照说明书的内容予以实施，并且为了让本公开的上述和其它目的、特征和优点能够更明显易懂，以下特举本公开的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本公开的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本公开实施例提供的设计组件迁移方法的一种实施方式的流程示意图；

图2示出了本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图；

图3示出了本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图；

图4示出了本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图；

图5示出了本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图；

图6示出了本公开实施例提供的设计组件迁移装置的一种结构示意图；

图7示出了本公开实施例提供的电子设备的一种结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本公开实施例提供的设计组件迁移方法可以应用于目标产品设计平台。其中，产品设计平台可以是提供图形绘制工具，用于实现产品相关界面设计的功能平台。可选的，目标产品设计平台为MasterGO平台。

如图1所示，本公开实施例提供的设计组件迁移方法的一种实施方式的流程示意图，该设计组件迁移方法可以包括：

S100、获得目标产品项目在当前产品设计平台下的多个第一设计组件。

其中，目标产品项目可以是以设计出特定的用户操作界面为目标的工作任务。第一设计组件可以是设计人员预先在当前产品设计平台下已经设计好的设计组件。可选的，当前产品设计平台可以为Sketch平台或Figma平台。可选的，第一设计组件可以为Sketch文件或Figma文件。

可以理解的是，设计人员可以在Sketch平台或Figma平台下对目标产品项目已经预先设计出相应的Sketch文件或Figma文件，由于平台限制的存在，为了在目标产品设计平台下对目标产品项目的第一设计组件进行复用，需要对这些第一设计组件进行迁移。

对于Figma文件，本公开实施例可以通过用户提供的链接，在Figma平台提供的对外公开接口启动用户授权，在用户授权通过的情况下，通过该接口获得与Figma文件对应的文件信息，并根据该文件信息建立相应路径的目录，将Figma文件导入该目录下。该文件信息可以包括团队信息、项目信息、文件信息和团队库（组件库）信息。

S200、对第一设计组件进行解析，获得第一设计组件的数据结构信息。

可以理解的是，第一设计组件具有公开的数据结构，本公开实施例可以根据该数据结构对第一设计组件进行解析，获得该第一设计组件具体的数据结构信息。该数据结构信息通常记录有该第一设计组件与其他第一设计组件的关联关系以及该调用的外部组件。

可选的，基于图1所示方法，如图2所示，本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图，在S200之后，该组件迁移方法还可以包括：

S700、获得数据结构信息中的turtle数据。

其中，turtle数据包括第一设计组件涉及的图层和元素对应的图形窗口参数。例如：turtle数据可以包括画笔的抬落参数、画笔属性参数、画笔速度参数以及画笔动作参数。

S800、将turtle数据存储至预设存储器中。

其中，预设存储器可以是本地数据库（indexedDB），也可以是本地缓存（cache）。可选的，本公开实施例可以将Sketch文件的turtle数据存储在本地数据库中。可选的，本公开实施例可以将Figma文件的turtle数据存储在本地缓存中。

S300、利用数据结构信息，获得第一设计组件的关联关系数据，其中，关联关系数据包括第一设计组件与其他第一设计组件之间的第一调用信息。

例如：第一设计组件A中定义了一个颜色样式a，第二设计组件B中的图层1引用了该颜色样式，则第一设计组件B与第一设计组件A的关联关系数据为“第一设计组件A：颜色样式a-第二设计组件B：引用颜色样式a的图层1”。

由于在数据结构信息中记录第一设计组件调用其他第一设计组件的关联关系数据存在专属的数据特征，本公开实施例可以在数据结构信息对该数据特征进行识别，定位并提取出该关联关系数据。

可选的，基于图1所示方法，如图3所示，本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图，步骤S300可以包括：

S310、遍历第一设计组件的数据结构信息中的foreignSymbols数组，获得第一设计组件的关联关系数据。

具体的，本公开实施例可以根据第一设计组件中对图层以及样式定义的特征值，通过遍历foreignSymbols数组定位并提取出关联关系数据。

本公开实施例在获得各第一设计组件之间的关联关系数据之后，可以根据这些关联关系数据构建各第一设计组件之间的调用关系图，以便更加清晰直观地展示各第一设计组件之间的调用关系，也方便后续数据转换后的关系重建。

S400、按照与目标产品设计平台对应的文件生成逻辑对第一设计组件进行转换，生成与第一设计组件对应的第二设计组件。

具体的，在目标产品设计平台为MasterGO平台的情况下，使用MasterGO平台对应的文件生成逻辑，将第一设计组件的数据转换为MasterGO文件格式数据，从而生成与第一设计组件对应的第二设计组件。

可选的，基于图2所示方法，如图4所示，本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图，步骤S400可以包括：

S410、按照与目标产品设计平台对应的文件生成逻辑，将第一设计组件中除关联关系数据以外的其他数据转换为目标格式数据。

S420、将预设存储器中的turtle数据与目标格式数据进行合并，生成与第一设计组件对应的第二设计组件。

本公开实施例通过将预先存储在预设存储器中的turtle数据与目标格式数据进行合并（merge），实现对第一设计组件正确的数据转换。

S500、将第二设计组件上传至与目标产品项目对应的团队组件库中。

S600、基于第一调用信息，在团队组件库中构建各第二设计组件之间的调用关联关系。

本公开实施例通过各第一设计组件的第一调用信息，可以在各第一设计组件转换为第二设计组件之后，依照该第一调用信息对各第二设计组件进行调用关联关系构建，使得各第二设计组件之间的调用关联关系与相应的第一设计组件之间的调用关联关系相同，完整地实现设计组件的跨平台迁移，方便用户在目标产品设计平台中使用迁移过来的设计组件。

可选的，关联关系数据还可以包括第一设计组件调用外部组件的第二调用信息。可以理解的是，第一设计组件可能引用有除当前产品设计平台以外的外部组件库中的外部组件，为了在第一设计组件转换为第二设计组件后，该第二设计组件还能引用该外部组件，需要对该第二设计组件订阅该外部组件库。

可选的，基于图1所示方法，如图5所示，本公开实施例提供的设计组件迁移方法的另一种实施方式的流程示意图，在步骤S500之后，该设计组件迁移方法还可以包括：

S900、基于第一设计组件的第二调用信息，对与第一设计组件对应的第二设计组件订阅与外部组件对应的外部组件库。

具体的，本公开实施例可以基于第一设计组件的第二调用信息，将与第一设计组件对应的第二设计组件中externalComponents字段下调用的图层ID修改为与外部组件对应的外部组件库的组件库ID。

本公开提供的一种设计组件迁移方法，应用于目标产品设计平台，可以获得目标产品项目在当前产品设计平台下的多个第一设计组件；对第一设计组件进行解析，获得第一设计组件的数据结构信息；利用数据结构信息，获得第一设计组件的关联关系数据，其中，关联关系数据包括第一设计组件与其他第一设计组件之间的第一调用信息；按照与目标产品设计平台对应的文件生成逻辑对第一设计组件进行转换，生成与第一设计组件对应的第二设计组件；将第二设计组件上传至与目标产品项目对应的团队组件库中；基于第一调用信息，在团队组件库中构建各第二设计组件之间的调用关联关系。本公开通过获得目标产品项目在当前产品设计平台下的多个第一设计组件对应的关联关系数据，并获得按照与目标产品设计平台对应的文件生成逻辑对各第一设计组件进行转换后的第二设计组件，基于该关联关系数据构建各第二设计组件之间的调用关联关系，能够提高设计组件的迁移效率，保证设计组件能够正确迁移至目标产品设计平台。

虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

与上述方法实施例相对应，本公开实施例还提供一种设计组件迁移装置，该设计组件迁移装置应用于目标产品设计平台，该设计组件迁移装置的结构如图6所示，该设计组件迁移装置可以包括：第一设计组件获得单元100、数据结构信息获得单元200、关联关系数据获得单元300、第二设计组件获得单元400、第二设计组件上传单元500以及调用关系构建单元600。

第一设计组件获得单元100，用于获得目标产品项目在当前产品设计平台下的多个第一设计组件。

数据结构信息获得单元200，用于对第一设计组件进行解析，获得第一设计组件的数据结构信息。

关联关系数据获得单元300，用于利用数据结构信息，获得第一设计组件的关联关系数据，其中，关联关系数据包括第一设计组件与其他第一设计组件之间的第一调用信息。

第二设计组件获得单元400，用于按照与目标产品设计平台对应的文件生成逻辑对第一设计组件进行转换，生成与第一设计组件对应的第二设计组件。

第二设计组件上传单元500，用于将第二设计组件上传至与目标产品项目对应的团队组件库中。

调用关系构建单元600，用于基于第一调用信息，在团队组件库中构建各第二设计组件之间的调用关联关系。

可选的，关联关系数据还包括第一设计组件调用外部组件的第二调用信息。

可选的，该设计组件迁移装置还可以包括：外部组件库订阅单元。

外部组件库订阅单元，用于第二设计组件上传单元500将第二设计组件上传至与目标产品项目对应的团队组件库中之后，基于第一设计组件的第二调用信息，对与第一设计组件对应的第二设计组件订阅与外部组件对应的外部组件库。

可选的，外部组件库订阅单元，具体用于基于第一设计组件的第二调用信息，将与第一设计组件对应的第二设计组件中externalComponents字段下调用的图层ID修改为与外部组件对应的外部组件库的组件库ID。

可选的，关联关系数据获得单元300，具体用于遍历第一设计组件的数据结构信息中的foreignSymbols数组，获得第一设计组件的关联关系数据。

可选的，该设计组件迁移装置还可以包括：turtle数据获得单元以及turtle数据存储单元。

turtle数据获得单元，用于获得数据结构信息中的turtle数据；

turtle数据存储单元，用于将turtle数据存储至预设存储器中。

可选的，第二设计组件获得单元400包括：数据转换子单元和数据合并子单元。

数据转换子单元，用于按照与目标产品设计平台对应的文件生成逻辑，将第一设计组件中除关联关系数据以外的其他数据转换为目标格式数据。

数据合并子单元，用于将预设存储器中的turtle数据与目标格式数据进行合并，生成与第一设计组件对应的第二设计组件。

可选的，第一设计组件为Sketch文件或Figma文件。

可选的，目标产品设计平台为MasterGO平台。

本公开提供的一种设计组件迁移装置，应用于目标产品设计平台，可以获得目标产品项目在当前产品设计平台下的多个第一设计组件；对第一设计组件进行解析，获得第一设计组件的数据结构信息；利用数据结构信息，获得第一设计组件的关联关系数据，其中，关联关系数据包括第一设计组件与其他第一设计组件之间的第一调用信息；按照与目标产品设计平台对应的文件生成逻辑对第一设计组件进行转换，生成与第一设计组件对应的第二设计组件；将第二设计组件上传至与目标产品项目对应的团队组件库中；基于第一调用信息，在团队组件库中构建各第二设计组件之间的调用关联关系。本公开通过获得目标产品项目在当前产品设计平台下的多个第一设计组件对应的关联关系数据，并获得按照与目标产品设计平台对应的文件生成逻辑对各第一设计组件进行转换后的第二设计组件，基于该关联关系数据构建各第二设计组件之间的调用关联关系，能够提高设计组件的迁移效率，保证设计组件能够正确迁移至目标产品设计平台。

关于上述实施例中的装置，其中各个单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

所述设计组件迁移装置包括处理器和存储器，上述第一设计组件获得单元100、数据结构信息获得单元200、关联关系数据获得单元300、第二设计组件获得单元400、第二设计组件上传单元500以及调用关系构建单元600等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来通过获得目标产品项目在当前产品设计平台下的多个第一设计组件对应的关联关系数据，并获得按照与目标产品设计平台对应的文件生成逻辑对各第一设计组件进行转换后的第二设计组件，基于该关联关系数据构建各第二设计组件之间的调用关联关系，能够提高设计组件的迁移效率，保证设计组件能够正确迁移至目标产品设计平台。

本公开实施例提供了一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现所述设计组件迁移方法。

本公开实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述设计组件迁移方法。

如图7所示，本公开实施例提供了一种电子设备1000，电子设备1000包括至少一个处理器1001、以及与处理器1001连接的至少一个存储器1002、总线1003；其中，处理器1001、存储器1002通过总线1003完成相互间的通信；处理器1001用于调用存储器1002中的程序指令，以执行上述的设计组件迁移方法。本文中的电子设备可以是服务器、PC、PAD、手机等。

本公开还提供了一种计算机程序产品，当在电子设备上执行时，适于执行初始化有设计组件迁移方法步骤的程序。

本公开是参照根据本公开实施例的方法、装置、电子设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程设备的处理器以产生一个机器，使得通过计算机或其他可编程设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，电子设备包括一个或多个处理器(CPU)、存储器和总线。电子设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

在本公开的描述中，需要理解的是，如若涉及术语“上”、“下”、“前”、“后”、“左”和“右”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的位置或元件必须具有特定方位、以特定的方位构成和操作，因此不能理解为本公开的限制。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本公开的实施例可提供为方法、系统或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

以上仅为本公开的实施例而已，并不用于限制本公开。对于本领域技术人员来说，本公开可以有各种更改和变化。凡在本公开的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本公开的权利要求范围之内。

Claims (3)

1.一种设计组件迁移方法，其特征在于，应用于MasterGO平台中，所述方法包括：

获得目标产品项目在当前产品设计平台下的多个第一设计组件；所述当前产品设计平台为Sketch平台或Figma平台；所述第一设计组件为Sketch文件或Figma文件；

对所述第一设计组件进行解析，获得所述第一设计组件的数据结构信息；

获得所述数据结构信息中的turtle数据；所述turtle数据包括画笔的抬落参数、画笔属性参数以及画笔动作参数；

将所述turtle数据存储至预设存储器中；

遍历所述第一设计组件的所述数据结构信息中的foreignSymbols数组，获得所述第一设计组件的关联关系数据，其中，所述关联关系数据包括所述第一设计组件与其他所述第一设计组件之间的第一调用信息，以及所述第一设计组件调用外部组件的第二调用信息；

按照与MasterGO平台对应的文件生成逻辑，将所述第一设计组件中除所述关联关系数据以外的其他数据转换为目标格式数据；

将所述预设存储器中的所述turtle数据与所述目标格式数据进行合并，生成与所述第一设计组件对应的第二设计组件；

将所述第二设计组件上传至与所述目标产品项目对应的团队组件库中；

基于所述第一调用信息，在所述团队组件库中构建各所述第二设计组件之间的调用关联关系；

基于所述第一设计组件的所述第二调用信息，将与所述第一设计组件对应的所述第二设计组件中externalComponents字段下调用的图层ID修改为与外部组件对应的外部组件库的组件库ID。

2.一种设计组件迁移装置，其特征在于，应用于MasterGO平台中，所述装置包括：第一设计组件获得单元、数据结构信息获得单元、关联关系数据获得单元、第二设计组件获得单元、第二设计组件上传单元、调用关系构建单元、turtle数据获得单元、turtle数据存储单元以及外部组件库订阅单元；

所述第一设计组件获得单元，用于获得目标产品项目在当前产品设计平台下的多个第一设计组件；所述当前产品设计平台为Sketch平台或Figma平台；所述第一设计组件为Sketch文件或Figma文件；

所述数据结构信息获得单元，用于对所述第一设计组件进行解析，获得所述第一设计组件的数据结构信息；

所述turtle数据获得单元，用于获得所述数据结构信息中的turtle数据；所述turtle数据包括画笔的抬落参数、画笔属性参数以及画笔动作参数；

所述turtle数据存储单元，用于将所述turtle数据存储至预设存储器中；

所述关联关系数据获得单元，用于遍历所述第一设计组件的所述数据结构信息中的foreignSymbols数组，获得所述第一设计组件的关联关系数据，其中，所述关联关系数据包括所述第一设计组件与其他所述第一设计组件之间的第一调用信息，以及所述第一设计组件调用外部组件的第二调用信息；

所述第二设计组件获得单元，包括：数据转换子单元和数据合并子单元；

所述数据转换子单元，用于按照与MasterGO平台对应的文件生成逻辑，将所述第一设计组件中除所述关联关系数据以外的其他数据转换为目标格式数据；

所述数据合并子单元，用于将所述预设存储器中的所述turtle数据与所述目标格式数据进行合并，生成与所述第一设计组件对应的第二设计组件；

所述第二设计组件上传单元，用于将所述第二设计组件上传至与所述目标产品项目对应的团队组件库中；

所述调用关系构建单元，用于基于所述第一调用信息，在所述团队组件库中构建各所述第二设计组件之间的调用关联关系；

所述外部组件库订阅单元，用于所述第二设计组件上传单元将所述第二设计组件上传至与所述目标产品项目对应的团队组件库中之后，基于所述第一设计组件的所述第二调用信息，将与所述第一设计组件对应的所述第二设计组件中externalComponents字段下调用的图层ID修改为与外部组件对应的外部组件库的组件库ID。

3.一种电子设备，所述电子设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1所述的设计组件迁移方法。

Images