> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Which Properties of Figma Are Not Connected for Elementor?

A reference list of Figma properties and options that UiChemy doesn't export to Elementor.


If you create your Figma layout following the design guidelines, you can easily convert it into an Elementor template with UiChemy. Most Figma options are supported, but some aren't exported. Here's the full list of options to avoid, since most aren't supported by Elementor.

### Tools

**Region Tools**, Section, Slice

![Figma's Region Tools (Section, Slice) in the toolbar](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512770/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/region-tools.png)

### Frame

- **Fill tab**, Video
- **Effects tab**, Layer Blur, Background Blur
- **Mask**

![The Fill tab's Video fill option on a frame](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512775/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/frame-fill-video.png)

![The Effects tab's Layer Blur and Background Blur options](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512779/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/frame-effects.png)

![A frame with a Mask applied](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512784/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/frame-mask.png)

<Callout kind="tip">
Mask isn't supported for any elements, but you can use Figma's lock option to export a masked element as an image with UiChemy.
</Callout>

### Absolute Objects (except Frame)

When Auto Layout isn't enabled for a frame, you'll find a **Constraints** option for any element placed inside it:

- **Horizontal**, Left & Right, Scale
- **Vertical**, Left & Right, Scale

![The Constraints tab's Horizontal options](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512790/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/constraints-horizontal.gif)

![The Constraints tab's Vertical options](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512794/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/constraints-vertical.gif)

### Text

**Text tab**, Align Top, Align Middle, Align Bottom

![The Text tab's vertical alignment options](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512799/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/text-align.png)

**Under Type Settings, Basics:** Resizing → Fixed size; Case → small caps; Vertical trim (all); List style (all); Truncate text (all)

![Basic type settings that aren't supported](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512804/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/type-settings-basics.png)

**Under Type Settings, Details:** Indentation (all); Case → small caps; Letter case → Case-sensitive forms; Letter case → Capital spacing

![Detailed type settings that aren't supported](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512809/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/type-settings-details.png)

**Fill tab**, Gradient, Image, Video, Blend mode

![The Fill tab's unsupported fill types on text](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512814/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/text-fill.png)

**Stroke tab**, Center, Inside

![The Stroke tab's Center and Inside options](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512819/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/text-stroke.png)

**Under Advanced stroke settings**, End points, Join, Miter angle

![Advanced stroke settings that aren't supported](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512824/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/text-stroke-advanced.png)

**Effects tab**, Inner shadow, Layer Blur, Background Blur

![The Effects tab's unsupported options on text](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512829/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/text-effects.png)

### Image

- **Fill tab**, using an image as an element fill, the **Tile** type isn't supported (but works when used as a background). Blend mode isn't supported. Filter types **Exposure**, **Temperature**, **Tint**, **Highlights**, and **Shadows** aren't supported.
- **Stroke tab**, Center, Inside
- **Under Advanced stroke settings**, End points, Join, Miter angle
- **Effects tab**, Inner shadow, Layer Blur, Background Blur

![Unsupported image fill options](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512834/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/image-fill.png)

<Callout kind="info">
The Stroke and Effects tab limitations for images are the same as for text elements.
</Callout>

### Icon

You can use icons in two ways with UiChemy: **SVG icons**, or **Font Awesome 5 Free** font.

For Font Awesome 5 Free, the following aren't supported:

- **Text tab**, Line-height, Letter spacing, Paragraph spacing, Width (except Auto Width), Align Top, Align Middle, Align Bottom, and all Type Settings options
- All options in the **Stroke** and **Effects** tabs

![Unsupported options when using Font Awesome 5 Free icons](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783512839/uichemy-docs/classic-mode/figma-to-elementor/unsupported-properties/font-awesome-unsupported.png)

<Callout kind="tip">
For Font Awesome 5 Free icons, using **Auto Width** is recommended.
</Callout>

### Group

- **Stroke tab**, Center, Inside
- **Under Advanced stroke settings**, End points, Join, Miter angle
- All options in the **Effects** tab

<Callout kind="info">
The Stroke and Effects tab limitations for groups are the same as for text elements.
</Callout>

### Frequently Asked Questions

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">What properties of Figma should I avoid when designing for Elementor?</p>

Avoid Layer Blur and Background Blur in the Effects tab, since they aren't supported. Masked elements also won't export correctly unless you use the lock option to export them as images.

---

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">Can I use video fills in my Figma designs for Elementor?</p>

No, the Fill tab's Video option isn't supported when exporting to Elementor. Use solid colors or images instead.

---

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">What are the best practices for using text elements in Figma for Elementor?</p>

Avoid Align Top, Align Middle, and Align Bottom, stick to basic, supported text settings to keep your layout and readability intact after conversion.

---

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">Why are some Figma properties not exporting to Elementor?</p>

Some properties, like gradient fills and certain stroke settings, simply aren't compatible between the two platforms. Knowing these limitations upfront helps you design more effectively and avoid frustration during conversion.

---

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">How do I ensure my Figma icons work in Elementor?</p>

Use SVG icons or Font Awesome 5 Free font. With Font Awesome, avoid unsupported settings like Line-height and Letter spacing, and use Auto Width for best results.
