For years now I’ve been looking and waiting for a good Figma to Elementor converter.
And yes, I’ve been talking a lot about AI lately, because it’s fascinating. But for real client projects I still use and recommend Figma and Elementor. Because having a Figma-first-workflow gives you the complete design freedom, less client feedback, and it lets you focus on the design without the headaches that come with development. This is what my new design course is all about.
The quality of the websites that are designed in Figma are generally much higher than the websites where people just start messing around in Elementor. Because designing in Figma requires a plan.
But converting your Figma design into Elementor has always been quite a bit of work. I tried to do a good job explaining all of this in my YouTube videos and Elementor Pro Workflow Mastery course, but it’s simply quite a bit of work.
And so when Fignel came out 2 years ago I got really excited. I made a video about it back then.
But the results of Fignel were disappointing. It added so much unnecessary stuff to the website (all kinds of weird values) that it was actually faster to just build it yourself. That company even shut down. I guess they also couldn’t figure out how to do this properly.
But the need and want for a good Figma to Elementor converter didn’t disappear from the market. Many of us were still waiting.
So when I came across UI Chemy (at the yearly WordPress event, WordCamp) and they showed me their demo I was very interested.
A photo from that meeting
They actually told me that they watched my Fignel critiques video and used that to make their plugin a lot better.
Here you can see me interviewing the CEO of UI Chemy
Here is what intrigued me:
- It converts Figma designs directly into Elementor, Bricks, or Gutenberg.
- It respects the professional workflow: you can lock layers, tag widgets, boxed container, responsive settings, sync colors and typography to Elementor’s site settings.
- I tested it on real projects (including a yoga site and an EV car website). The conversion was around 80-90% accurate. I only had to make a few small tweaks.
I also got involved in their redesign
After testing their tool I saw how much potential it had. But I also noticed that their plugin interface could use a little help.
Since UX design is what I studied and care deeply about, I offered to create a full plugin redesign for them, free of charge, because I wanted this tool in my own workflow and for you guys.
So I started redesigning their plugin screens in Figma, first in a livestream, later on my own.
I improved things like:
- Cleaning up the hierarchy so it’s easier to scan.
- Removing extra clicks where possible.
- Making the copy less technical and more approachable.
- Added instruction texts per step.
- Adding progress indicators so you always know where you are.
- Making the UI feel more consistent with Elementor and Figma, since that’s where you end up.
UI Chemy loved my redesign and they started developing it.
Example of the old design (left) and my redesign (right)
Now, they just finished the development of this new version (they call it version 4). So I recorded a video about this process because I am incredibly proud. Because my redesign is now going to be used by 50.000+ people.
How cool is that?
So this new video is not a tutorial, it’s more about the story. But I will make a step-by-step tutorial soon, because I think many people will benefit from this tool.
And you can’t btw expect perfection from a tool like this, and you have to learn how to use it to get a good conversion (that’s why I’m planning to make a tutorial) but it’s by far the best converter I’ve found.
The team of UI Chemy also has been great, because they took my words very seriously and now we have something much better.
You can try it for free here: livingwithpixels.com/uichemy (the free plan gives you five exports per month, which is enough to test a real project.)
I am super happy with this release and please let me know if you already gave this new version a try (before I make my tutorial).
Stay smart,
Rino