Images

Example

An example of an image within a Figma file:

image showing image_example and grouping in figma

(Left) Example image layer (Right) Figma Designed Image

Structure

Images are one of the most flexible components. They can be represented by a single bitmap image as in the example above. Or you can even have multiple elements/components of different types grouped together as an image. Our tool will simply render all the elements contained within as a bitmap.

Example of an image group, containing multiple vectors

image showing image_example and grouping in figma

Styling

Any styling will be converted into a bitmap and made part of the image.

Naming

  • An Image should contain one of the words image, icon or picture within its name.