Webflow builds structure visually, so a generated page is best used as a reference to rebuild against — with custom code embeds covering the self-contained pieces.
Enter any live URL, upload your design screenshots, or describe your prompt. Production-ready themes in under 2 minutes with 6 free AI credits.
Transform your outdated site into a modern masterpiece. See the difference for yourself.
Before
After
Webflow occupies an unusual middle ground: more open than Wix, less direct than pasting HTML into a template. Knowing which parts accept external code saves a lot of trial and error.
Webflow's Designer produces its own class system and DOM, and there's no clean import path for external HTML into it. Rebuilding the generated layout in Designer is the normal route.
That is less painful than it sounds, because the hard decisions are already made — you're transcribing a design rather than devising one, and Webflow's box model maps closely onto standard CSS.
The custom code embed element accepts real HTML in the page rather than in an iframe, which makes it viable for a self-contained block — a comparison table, a specialised pricing display, a custom footer.
It sits outside Designer's styling model, so anything you embed is maintained as code rather than visually. Worth using deliberately and sparingly.
Collections and their content live independently of page design, so a redesign doesn't touch them. Collection list layouts get rebuilt like any other structure.
That means a redesign of a Webflow site is a Designer exercise rather than a content migration, which keeps the risk low.
Generate the target design before you open Designer — it makes the build a transcription rather than a decision.
Start for free, upgrade when you need to. No hidden fees or contracts.
Switch to yearly and keep up to $200
Perfect for testing the waters
For creators & freelancers
or $200/year — keep $40
For power users & builders
or $500/year — keep $100
Scale with your team
or $1,000/year — keep $200
