How to Download a Claude Code Artifact When There Is No Download Button

To download a Claude Code artifact, ask Claude Code for the file: the artifact page at claude.ai/code/artifact has no download button, no code view and no export menu. In the terminal or the desktop app, type "save the HTML file for this artifact to my Desktop". In Claude Code on the web, type "send me the HTML file for this artifact" and download the file it sends. Claude Code wrote the page as a file before it published it, so in the same session this is a quick copy, not a rebuild.

Why is there no download button on a Claude Code artifact?

Because the viewer is built to stop pages from saving files. An artifact is one self-contained HTML or Markdown page that Claude Code publishes from your session to claude.ai, and it runs under a strict content security policy. Anthropic's artifacts documentation says the page cannot start a download itself, and the viewer blocks any download a page starts, including links to data: and blob: addresses. The Share control in the header decides who sees the page and which version they see, but it has no export.

There are two exceptions. A design canvas made with /design (Claude Code v2.1.265 or later) is a Claude Design artifact, and each artboard exports as PNG or PDF. And if claude.ai has turned on the downloads capability for your account, Claude can add a button that saves a file the page generates, such as a CSV of a table or a PNG of a chart. Neither gives you the page's HTML.

Where is the HTML file Claude Code already made?

On the machine running the session. According to Anthropic's docs, unless you name a location, Claude writes the page to an HTML or Markdown file in a temporary directory outside your project, then publishes it. When you ask for changes, Claude edits that same file and publishes again to the same link, so the file matches the latest version.

Temporary directories get cleared, so do not count on finding it there next week. Ask Claude Code to copy it somewhere you will look, such as your Desktop or the project folder. Next time, name a place when you ask for the artifact, and the source sits with the rest of your work from the start:

Make an artifact of this dashboard, and save its source as reports/dashboard.html in this project.

What do you type in the terminal, desktop app or web?

Ask for one complete file. Claude Code artifacts are already self-contained, because the viewer only lets them load libraries from a few public CDNs and fonts from Google Fonts, and images are embedded in the page. So the copy opens on its own in any browser with an internet connection.

What if the artifact is from another session, or someone else made it?

Run /artifacts in Claude Code to list every artifact you own and every one shared with you. It reads the list from your claude.ai account, so it works in a new session and after /clear (Claude Code v2.1.208 or later). Select one and press Enter to attach it to the session (v2.1.216 or later), or press c to copy its link. Then ask for the file as above, or paste the link straight into your request: "save the HTML of https://claude.ai/code/artifact/... to my Desktop".

For an artifact someone shared with you, give Claude Code its link and ask it to read the page. Anthropic's docs say Claude Code saves the page's full source to a local file when it reads a shared artifact, so you can then ask it to copy that file to your Desktop. It asks for your approval first if the artifact is a public one from another organisation. If you do not use Claude Code yourself, ask the author to send you the file.

What if the artifact is a Markdown page?

Claude Code can publish Markdown as well as HTML, and the viewer shows a Markdown artifact as a styled document page. The source is then a .md file, which a browser or renderer shows as plain text, not as the page you saw. Ask for an HTML version:

Turn this artifact into a single standalone HTML file that looks like the published page, with all styles inline, and save it to my Desktop.

Expect it to be close to the published page rather than identical, because the document styling on claude.ai is added by the viewer, not stored in your file.

Will the downloaded file work outside claude.ai?

Mostly, yes. Charts, layout, embedded images and Google Fonts all come with the file. The big exception is live data. A page that pulls data through MCP connectors does not hold that data: each time someone opens it, claude.ai makes the connector calls with that viewer's own account. A copy on your computer has no such connection, so its live sections come up empty. Ask Claude to fix the numbers in place before you download:

Replace the live connector calls in this artifact with today's data written into the page as fixed values, then save the HTML file to my Desktop.

The page will also open at the width of your browser window, which may be wider than the viewer you are used to, so the layout can spread out.

How do you turn the file into a PNG or PDF?

Open the file in your browser first to check it looks right, then pick the output:

• A PNG of the whole page. Drop the file into the Claude Artifact to PNG tool. Renda captures the page at its natural width (1280 pixels if it has none), at 2x for pages up to 4096 pixels tall and 1x up to 8192. Instagram, LinkedIn, X and YouTube thumbnail sizes are in the same menu.
• A PDF people can search. Print the file from your browser and choose Save as PDF. The artifact to PDF guide covers page breaks, backgrounds and when one tall page works better.
• A quick free image. Use Chrome's Capture full size screenshot, as described in the HTML to PNG guide.

If you are comfortable in the terminal, Claude Code can also screenshot the page on your own machine with a headless browser such as Playwright or Puppeteer, and install it for you. That works, but it puts developer tools on your computer and leaves checking the result to you.

Frequently asked questions