Figma To Elementor

About this plugin

Figma plugin to easily convert Figma design into Elementor widgets. The json data generated from this plugin can be directly pasted into Elementor editor with right click on elementor editor > paste from other site > Ctrl +V. Working with auto layout or non auto layout design. For non auto layout design it works better for well-grouped design.

This plugin will automatically recognize any locked node or node with name containing "image" word as an image. For example if you have a group or frame with name "image-group" and don't want to be converted as an image, you need to change it's name.

Switch on the option "Convert without connection", if You are having problems connecting your website. This option will upload all the images to our temporary server. All the images will be uploaded on your website when the json data is pasted on Elementor editor.

The application password authentication only working on website with https. To try it on local environment, add this line of code on wp-config.php file:

define( 'WP_ENVIRONMENT_TYPE', 'local' );

Tips:

1. Use "button" name to convert as button block
2. Group the image parts in 1 group and lock it to be converted as an image widget or image background for a container
3. When you encounter a broken layout in the preview, try grouping the broken parts manually before converting it again.

Make sure to enable svg support on Elementor and install svg support plugin to enable upload svg on Your WordPress website.

Check this video tutorial

Buy license key here