Images & Sprites

1

Image Component

The component used to render sprites in your scene.

You can view the current list of supported image assets in the "DEPENDENCIES" tab on the asset's page.

For design-specific details about working with these assets, you can read the "Manual for designers".

1. UnityEngine.UI.Image - Built-in;

2. Shapes2D.Shape - from Shapes2D asset;

3. MPUIKIT.MPImage - from Modern Procedural UI Kit asset;

4. UnityEngine.UI.ProceduralImage - from Procedural UI Image asset;

5. UnityEngine.UI.RawImage - Built-in;

6. UnityEngine.SpriteRenderer - Built-in;

7. DTT.UI.ProceduralUI.RoundedImage - from Procedural UI asset;

8. Nova.UIBlock2D - from Nova asset;

9. Unity.VectorGraphics.SVGImage - from Vector Graphics asset.

2

Procedural Conditions

These are cases where the UI.Image component will be used instead of a procedural image component:

1. If your component was imported as a sprite, because it is a sprite rather than a simple shape that can be drawn procedurally.

2. If it is a simple rectangle without rounded edges, which can also be drawn by UI.Image.

3

Svg Conditions

These are cases where the UI.Image component will be used instead of a vector image component:

1. If it is an Image, Emoji, or Video.

2. If your component or its children contain any effects.

According to the Vector Graphics asset documentation, effects in vector images are currently not supported.

4

Image Format

The format of the downloaded images. Can be PNG or JPG.

5

Image Scale

The scale of the downloaded images. This option is identical to the same option when exporting image from Figma.

6

Pixels Per Unit

The value that will be assigned to all imported sprites. When using the "SpriteRenderer" component, this value is ignored, and instead, the "Image Scale" value is used for sprites.

7

Redownload Sprites

If enabled, the asset downloads and overwrites sprites with each import, even if they have already been downloaded.

8

Download if Multiple Fills

If enabled, if your component has multiple fills or fill + outline simultaneously, it will be downloaded.
If disabled, the asset will attempt to render this Figma component using the selected Unity component (e.g., UI.Image). In other words, the Figma component will not be downloaded.

9

Download Unsupported Gradients

If enabled, if the selected Unity component does not support a certain type of gradient, the Figma component will be downloaded as a PNG/JPG image.
If disabled, the asset will attempt to render this Figma component.

10

Preserve Ratio Mode

If enabled, all Image components will have the "Preserve Ratio Mode" feature enabled during import.

11

Sprites Path

The path to the folder where the sprites are downloaded. You can set your own path by clicking the button with three dots.

12

Unity Image Settings

Special settings for the component selected in "Image Component".
This section will change depending on the chosen component.

13

Texture Importer Settings

Settings applied to your sprites in the Sprite Inspector. You can read more about TextureImporter settings in the TextureImporter documentation. 
If you are using the "SVG Image" component, the "SVG IMPORTER SETTINGS" section will be visible. You can read about the SVG Importer settings in the Vector Graphics documentation.