Figma to Elementor v1.0.0

Figma to Elementor v1.0.0

The first public release! Convert Figma designs into Elementor templates with full style preservation.

Features

• One-click Import — Paste any Figma URL, auto-extracts the file key
• Frame Browser — Browse frames with live preview thumbnails
• Full Style Mapping — Colors, typography, gradients, shadows, borders, opacity
• Component Breakdown — Each section (header, hero, footer) becomes an independent Elementor container
• Container-native — Built for Elementor Flexbox Containers
• Typography Preserved — Font family, size, weight, line height, letter spacing, transforms
• Gradient Support — Linear gradients with accurate color stops
• Image Mapping — Background images from Figma fills
• Style Sync — Sync Figma styles to Elementor Global Colors/Fonts
• Editor Integration — Import directly inside Elementor editor via $e.run()
• URL Parsing — Paste full Figma URLs, file key is extracted automatically
• Persian Support — Full RTL and Persian (Farsi) localization

Requirements

• WordPress 6.6+
• PHP 8.0+
• Elementor 3.27+ (Free or Pro)
• Figma Personal Access Token

Installation

cd wp-content/plugins/
git clone https://github.com/Hordekiller/FigmaToelementor.git hello-elementor-figma-sync

Then activate from WordPress admin → Plugins.

Changelog

See full changelog.