Text & Headings

Headings — For titles and section headers. Map to Elementor’s Heading widget. Use when the text is meant to be a standalone heading (H1–H6).

Text / body — For paragraphs, captions, and rich text. Map to Elementor’s Text Editor widget. Use for body copy, lists, and inline formatting.

In both cases, the Figma frame must contain exactly one text layer. Figmentor reads typography (font, size, weight, color, line height, letter spacing) and applies it in Elementor. See Styles & Properties for details.

Headings: el-heading:name

Examples: el-heading:title, el-heading:hero, el-heading:section-title, el-heading:card-title.

Body text: el-text-editor:name

Examples: el-text-editor:paragraph, el-text-editor:subtitle, el-text-editor:caption, el-text-editor:description.

Use el-text-editor (not el-text) to match Elementor’s widget name and the rest of the docs.

For both heading and text-editor elements:

• Create a Frame (or use a group) and name it with the correct prefix (el-heading:... or el-text-editor:...).
• Put exactly one text layer inside the frame. That layer’s content and typography are exported.

Multiple text layers in one frame are not supported; combine them into a single text layer or split into separate frames.

Figmentor infers the HTML heading level from the font size of the text layer (largest = H1, then H2, etc. within the page or section). You can adjust the level in Elementor after import if needed.

Typography that carries over: font family, size, weight, color, line height, letter spacing. For full mapping, see Styles & Properties.

Figma	Elementor
Text content	Heading / Text Editor content
Font family, size, weight	Typography
Text color	Text color
Line height, letter spacing	Typography advanced
Font size (for headings)	Used to infer H1–H6 level