Conversion GuidesUnsupported Properties

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.

Knowing this list before you design saves rework later, using one of these properties won't break the conversion, but the result silently drops that detail, so it's easy to miss until you're checking the exported page against your Figma file.

Tools

Region Tools, Section, Slice

Figma's Region Tools (Section, Slice) in the toolbar

Frame

  • Fill tab, Video
  • Effects tab, Layer Blur, Background Blur
  • Mask

The Fill tab's Video fill option on a frame

The Effects tab's Layer Blur and Background Blur options

A frame with a Mask applied

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.

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, Top & Bottom, Scale

The Constraints tab's Horizontal options

The Constraints tab's Vertical options

Text

Text tab, Align Top, Align Middle, Align Bottom

The Text tab's vertical alignment options

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

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

Fill tab, Gradient, Image, Video, Blend mode

The Fill tab's unsupported fill types on text

Stroke tab, Center, Inside

The Stroke tab's Center and Inside options

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

Advanced stroke settings that aren't supported

Effects tab, Inner shadow, Layer Blur, Background Blur

The Effects tab's unsupported options on text

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

The Stroke and Effects tab limitations for images are the same as for text elements.

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

For Font Awesome 5 Free icons, using Auto Width is recommended.

Group

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

The Stroke and Effects tab limitations for groups are the same as for text elements.

Frequently Asked Questions

Was this page helpful?