Streaming live at 10am (PST)

Webflow Vs EditorX Vs Code Editor

Hello guys,

I wanted to do this for a long time, and finally got the time to do it. I designed the same site on Webflow, Wix’s EditorX, and a code editor, in this case the Superhi’s code editor. The design itself comes from one of Superhi’s free courses. If you haven’t heard about Superhi yet I highly recommend you try one of its courses or their intro book www.superhi.com. I completed the design trying to keep everything the same in all three editors when it was possible, and to the best of my capabilities with a time limit of 4 hours for each visual editor, after I was done I ran a Lighthouse report on each editor’s published sites. Here are the results.

Site on Webflow: https://aria-oslo.webflow.io/

Site on Editor X: https://jpcb33.editorx.io/mysite


Site on Superhi editor: https://aria-oslo-312.superhi.com/

Webflow was the easiest visual editor to use and the one with the best overall scores among the three editors.

I got to admit that I suck at EditorX, however it wasn’t hard to use and to design visually with it, in my opinion, it is very counter intuitive if you are looking for basic CSS elements. In some cases it took me five or six clicks to achieve something basic like padding or underline. It comes with a lot of options, but they are not very obvious for its users. Graphic designers would probably like it a lot.

Superhi’s code editor was really easy to use and it has great UX. I would recommend it to anyone that wants to code a site from scratch.

Anyway, I hope this was helpful. I recommend everyone to try taking a design from a pure code editor to Webflow, it gives you a lot of insights about the magic behind Webflow.

15 Likes

Hey Pablo,

This is awesome work my man, and good to see some real-world comparisons done.

Thanks for taking the time to do this and sharing your findings.

Keiran

2 Likes

This is rad, thank you so much for throwing this together :metal: I’m pretty surprised how bad the performance rating is for EditorX but I’ve found that Wix in general scores pretty low in this category.

1 Like

Hello @knk,

I’m glad you like it Keiran. I got the idea from my own experience with an old site I had on Squarespace, that once I moved it to Webflow it was like four times faster and way more responsive. I’ll try to do a new site comparing WordPress and Squarespace with Webflow.

1 Like

Hello @mikeyevin,

Im glad you like it man. I was surprised too, I didn’t optimized the pictures, some of them are really heavy, like almost 3MB, so maybe EditorX could work better with smaller size pictures, but still, they have a long way to go to be even close to Webflow.

Amazing!
@Pablo_Cortes his is some top notch content right here!

I would gladly watch a video about the process, differences, pros and cons of each method :smile:

1 Like

Hello @avivtech,

Im glad you liked it. I’ll do a tutorial about it. I’ll let you know when it is ready!

1 Like

Great insight, it seems like the Editor X is an evolution of Wix rather than a clone of Webflow.

1 Like