Layout updating (beta)

This functionality is in beta and may work unstably.

1

After importing the project, a script "SyncHelper.cs" will be added to all imported objects. This script is needed to synchronize objects between Figma and Unity during the import.

2

You can perform a re-import of your project to update the transforms and properties of objects (color, text), as well as add new objects and remove missing ones.

3

If you've created prefabs from your imported objects, during subsequent imports, you'll be able to update only their transforms and properties. New objects within the prefabs won't be added.

4

Avoid creating duplicates of objects with the same "SyncHelper.cs" script in your Unity scene. To duplicate an object, create its duplicate in Figma, and then repeat the import process.

5

Do not remove the "SyncHelper.cs" scripts until you have finished importing your project from Figma to Unity.

6

After you've completed your work on the project and are sure you won't be updating it further, you can remove the "SyncHelper.cs" scripts from your objects using the corresponding function in the asset's context menu (more details in the "Context Menu" section).

If previously imported components are present on your scene, attempting a new import will open the PreImportWindow. With its help, you can more precisely adjust your new import, specifically - update the existing components on the scene (synchronize them with Figma), see how the imported components differ from those in Figma and compare their properties, as well as remove unwanted components from the scene.

Below you will find a description of the PreImportWindow interface elements with an explanation of its functionality.

1

Components to import

The section where you can analyze and configure the import of components to the scene.

2

Difference checker website

Button to open the "Diffchecker" website.

3

New

Components that exist in the Figma project but not on the Unity scene (new components).

4

Changed in Figma

Components that have been changed in Figma since the last import.

5

Changed in Unity

Components that have been changed in Unity since the last import.

6

Without changes

Components that have not changed.

7

Difference info 1

The RectTransform size in Unity differs from the component size in Figma.

8

and 9.

Lists of all properties of a Figma component.

• Old data - data of the component currently on the scene.

• New data - data of the component that is only in Figma and has not yet been imported onto the scene.

The data about the properties of the Figma component is captured at the time of import and remains unaffected by any changes to the GameObject on the scene. In some cases, you may need this information, for example, made manipulations with the component in Figma that was imported into Unity as a sprite, and you need to decide whether to update the sprite during re-import, or not.

If this data differs, you will see the text "Component data has differences" in the component item. To see how the new component differs from the existing one, you can open the website "Diffchecker" using the "Open difference checker website" button, and sequentially copy the Old and New data into the "Original text" and "Changed text" fields, then press the "Find difference" button.

In the example below, I changed the size of the component in Figma but did not change the RectTransform in Unity.

9

10

A message about data differences, related to points 7 and 8.

11

The Color property of Graphic component in Unity differs from the component color in Figma.

12

Remove from scene

In this section, you can select frames or individual components that will be removed from the scene during the new import.

13

Apply button

Click this button to continue the import with the parameters you have selected.
By default, if you have not made any changes in PreImportWindow - all components that are both on the scene and in Figma are synchronized, new components are imported, and components from the old import are not deleted.