Import a Design
Turn a standalone HTML page into editable blocks that match your design system.
Sometimes the design already exists. You have had a page built elsewhere, or designed one yourself, and it is sitting in a single HTML file.
Import from Claude takes that file and converts it into a Webby page: the sections become editable blocks, and the styling is matched to your site's design system so it does not look like a transplant.
Before You Begin
-
A single, self-contained
.htmlor.htmfile - Styling inside the file rather than in separate stylesheets it links to
Steps
Set the page details
Choose the page type, give the page a name, and check the URL slug.
There is also a switch to make this the homepage on import, which saves a step if that is what you are importing.
Upload the file
Drop the .html file onto the upload area or click to browse. Its name and size are shown so you can confirm you picked the right one.
One file. Anything the page loads from elsewhere — a stylesheet in another file, a script on a CDN, images hosted somewhere else — is not part of what gets uploaded.
Expect the navigation to be dropped
The import notice says it plainly: header and footer navigation will be ignored, and only the primary sections are imported.
This is correct behaviour, not a limitation. Your site already has a header and footer, shared by every page. An imported header would be a second, inconsistent one sitting inside the first.
Convert, then review carefully
Import & Convert does the work. It is a charged action and the cost is shown first — importing is priced higher than other single-page actions, because interpreting someone else's markup is harder than writing fresh.
Review the result properly. The sections should be recognisable and in order, and the colours and type should now be yours rather than the original's. Check it at phone width — a design that assumed a desktop often needs attention there.
Fix the rest in the editor
From here it is an ordinary page. Edit text in place, ask for changes to a section, add or remove blocks.
If a section converted badly, it is usually quicker to delete it and add a new one describing what you wanted than to repair the import.
Tip: The cleaner the HTML, the better the conversion. A file built from plain sections with clear headings converts well; one built from deeply nested layout wrappers converts less predictably.
Result
A draft page whose structure came from your file and whose styling came from your design system.
