Home

🎨 Figma to Elementor

Convert Figma designs into Elementor templates with full style preservation — typography, colors, gradients, borders, shadows, and absolute positioning.

Quick Start

1. Install the plugin and activate it
2. Get a Figma PAT from Figma Settings → Account → Personal Access Tokens
3. Paste your Figma file URL in the dashboard
4. Select frames and click Import
5. Edit with Elementor — your design is ready!

Features

Feature	Status
Elementor Containers (Flexbox)	✅
Typography (font, size, weight, line height, spacing)	✅
Colors & Gradients (solid, linear, radial)	✅
Borders & Shadows	✅
Buttons with hover states	✅
Headings	✅
Images (Figma image downloads)	✅
Icon Boxes	✅
Absolute Positioning	✅
Style Sync (global colors & typography)	✅
Token Encryption (AES-256-CBC)	✅
Real-time Progress Bar	✅
Video / Logo / Map widgets	🚧 Planned
Two-way sync	🚧 Future
SVG export	🚧 Future
Batch import	🚧 Future

Quick Links

• Installation
• Getting Started
• Features
• FAQ
• Contributing
• Architecture
• API Reference
• Troubleshooting