Image

image HTML tag

Overview

Uncodie uses background-url CSS property to render images in your Figma file, to display an actual img element in your project you need to use the image component and set the src attribute.

Setup

1. Select the layer or element you want to render as an img in Figma

2. In the plugin navigate to the Component section

3. Set the type to img

4. Optionally set the attributes of the component

5. Compile and publish your project

Usage

Select this component to render a img element in your HTML DOM.

Rendered Element

<img/>