Click the text or image you want to change. Check your selection before you start.
HtmlDrag
FROM DRAFT TO FINISHED PAGE
Start with your HTML
Dial in every detail on the canvas
Open existing or AI-generated HTML in a visual editor. Edit text, swap images, and refine layouts directly, or select any element for AI Refinement. Turn your initial draft into a production-ready page.
Start with what you have
Existing HTML/AI-generated pages/Public webpages/PDF · Word · Excel · PPT · Images
01 / AI Refinement
Select an element
Let AI refine it in place
Need a different image or a better headline? Select the exact element and describe what you want. AI Refinement updates that section without touching the rest of your page.
Describe what you want in plain language. AI Refinement scopes the edit strictly to your selection.
Check the updated page in Preview. Refine it again or open it in the visual editor.
02 / HTML Editor
Edit HTML visually
Finalize every detail yourself
Update text, replace images, and drag elements into place. Edit table cells on the canvas, insert elements, lock elements, and add links. Preview the result before exporting.
03 / File to HTML
Turn your files
into editable HTML
Turn PDFs, Word documents, Excel spreadsheets, PPT presentations, images, TXT, and Markdown files into editable webpages.
Turn a proposal into a webpage
Bring the scope, timeline, and pricing together in an editable client proposal.
Your fileEditable HTMLFinished page
04 / CLONE · SAVE · SHARE · EXPORT
Clone a webpage
Keep making it yours
Start from a webpage URL and keep creating in HtmlDrag. Save pages in a workspace you can return to, manage and update over time, then share or export your work.
Enter a public webpage URL to get an editable starting point, then change the text, images and layout.
Manage pages and version snapshots in My Projects. Reopen saved work to keep editing or revisit an earlier version.
Send a preview link to clients or teammates to present and discuss your work, then return to the page to act on their feedback.
Export clean, standalone HTML without editor UI markup for development or self-hosting. You can also export HTML to images for free.
BEFORE YOU START
A few things
to know
Can I edit HTML generated by AI?
Yes. Upload an HTML file or paste the code to edit text, images, styles, and element positions on the canvas. You can also select elements for AI Refinement. Pages that depend on an app framework or complex runtime behavior may need additional work after import.
How does targeted AI Refinement differ from full-page regeneration?
Unlike full-page regeneration that rewrites the entire code and can break existing layouts or erase manual edits, targeted AI Refinement isolates only the elements you select. You describe the change in plain language, AI updates that specific section, and saves a new version while leaving the rest of your page completely untouched.
Is the visual editor limited to just dragging elements?
Far more than simple drag-and-drop. You can resize elements, edit text inline, replace images, insert new components, and edit tables directly on the canvas. You can also manage layers, lock or delete elements, add hyperlinks, and access clean HTML/CSS source code. These controls work alongside AI Refinement for different kinds of adjustments.
Does File to HTML reproduce the original layout exactly?
File to HTML uses AI to turn your file content into an editable webpage. It does not guarantee a pixel-perfect reproduction. Review the text, data, tables, images, and layout, then refine the page with AI Refinement or edit it on the canvas.
Can I host the exported HTML myself?
Yes. Download the edited HTML for further development or self-hosting. Images, fonts, scripts, and services linked from external URLs still need to remain accessible. Check the page in your deployment environment before publishing.
Can I clone any public webpage?
Use Clone Webpage to bring a public page into an editable project. Login requirements, anti-bot protections, dynamic content, and restricted assets can affect the result. Review the imported page and use content you have permission to edit.
What happens to uploaded documents?
Documents may be held temporarily on the server for parsing and generation, then cleaned up after processing or expiry. Generated HTML and project assets can be saved with your project in My Projects. Temporary file cleanup does not delete your saved projects.
Ready to finish your page?
Freeform drag-and-drop with true WYSIWYG editing