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.