How to Download and Export a Claude Artifact

Claude artifacts are HTML files. Getting them out of Claude is straightforward once you know where to look. Here are three methods, from easiest to most manual.

Method 1: Download button

The simplest way. In the artifact panel on the right side of the Claude interface:

1. Hover over the artifact
2. Look for the download icon (an arrow pointing down, usually in the top-right of the panel)
3. Click it — the file saves as artifact.html or similar to your downloads folder

The resulting file is a complete, self-contained HTML document you can open in any browser.

Method 2: Ask Claude to output the HTML

If you don't see a download button (sometimes it's hidden on certain plans or interfaces), just ask:

"Give me the complete HTML code for this artifact so I can save it as a file."

Claude will output the full HTML in a code block. Select all, copy, paste into a text editor, and save as myartifact.html.

Method 3: View source in full-screen mode

If the artifact is open in full-screen preview:

1. Right-click anywhere on the preview
2. Choose "View Page Source"
3. Select all (Ctrl+A / Cmd+A), copy, and save as an HTML file

What to do with the exported HTML

Once you have the file, you have several options:

• Open locally: double-click the file to open it in your browser — works immediately, no internet required
• Share publicly: upload to ShareDuo to get a public URL anyone can open, no Claude account needed
• Deploy permanently: drop it into Netlify, Vercel, or GitHub Pages for a permanent URL
• Embed: host it and use an <iframe> to embed it in another page

Can I export as PDF instead?

Not directly from Claude. The easiest way to get a PDF is to:

1. Open the artifact (locally or via ShareDuo)
2. Print the page (Ctrl+P / Cmd+P)
3. Choose "Save as PDF" as the destination

For complex layouts, Chrome's print-to-PDF produces the cleanest results.