Skip to main content
Your site works but it looks dated, and describing a redesign convinces nobody. Recreate the live site as a design frame in Replit Design, explore directions next to the original, and build the one that wins. The import recreates look and feel as a starting point, not a pixel copy of your markup. Every direction lands as a new frame, so the original stays on the canvas for comparison.

​
Best for

  • Designers who need to show a redesign next to the current site, not describe one.
  • Founders refreshing a site whose content is right and whose look is tired.

​
Before you start

Have the public URL of the page you want to rework. Decide what must survive the redesign (the offer, the nav, and the proof points) and what’s open. Anything behind a login won’t import.

​
Prompt the agent

Go to replit.com/design and select Import URL under the prompt box. The prompt is prefilled; paste your URL after it. Once the frame lands, brief the redesign itself:

​
What to expect

Three directions land as separate frames beside the import, with the offer, nav, and proof points carried across each one. You compare four things: the site you have and three ways it could look. Judge them as whole screens before you look at details. Refine the winner by chatting about it, or by clicking into elements in the Visual Editor. When a direction is right, select the frame and choose Build to turn it into real software. You pick the path: a new app in the same project, or your existing site app restyled to match the frame. Agent makes a checkpoint first, so either path rolls back.

​
Make it work for you

​
Troubleshooting

Import URL recreates look and feel, not markup. Name the parts that must match exactly, then fix them with chat or the Visual Editor.
The import needs a public URL. Recreate that page from a screenshot instead.
You didn’t. Every generation lands as a new frame, and the import stays on the canvas. Select it to compare.
Say that the copy, nav, and proof points come from the original, and that only the visual direction is open.

Create your design system

Extract the winning look so the next page starts on brand.

Review a live website

Check links, layout, and accessibility once the redesign is live.