Before you run your first conversion, it pays to know where everything lives. This quick tour walks through the Convertex interface so you can move fast from day one, whether you ship to Webflow or Framer.
A workspace built around your conversions
The Convertex editor is organised around three areas. On the left you manage projects and pages. In the center you get the live preview of your output. On the right and bottom sit the code panels and the built-in console, where you inspect the HTML and CSS Convertex generates.
Everything is designed so the round-trip from prompt to published page stays short: generate, preview, paste, repeat.
What each zone does
- Projects & pages: group your work by site, then add as many pages as you need. Saved styles are shared across the whole project.
- Live preview: see the rendered result instantly, and switch the target platform to check how it behaves in Webflow or Framer.
- Code panels: read the exact HTML and CSS before you paste, so there are no surprises.
- Console: catch warnings and debug output without leaving the app.
Get comfortable, then go fast
Spend two minutes clicking through these zones and the rest of the University will feel natural. Once you know the layout, head to the setup guide to connect Convertex to Claude and run your first real conversion.