+ +

How-to

How to use Claude artifacts

Five steps from a blank chat to a finished, published page: creating an artifact, shaping it in conversation, exporting the HTML, and putting it online for people who don’t use Claude. Current as of October 2026.
+ +

The short answer

To use Claude artifacts, ask Claude to build something concrete (a web page, calculator, document, or diagram), or start from a template, and it opens the result in an artifact window beside the chat. From there you iterate in plain language, share it with people who use Claude, or export the HTML and publish it as a standalone link anyone can open.

+ +

Step by step

The five steps

1

Check artifacts are on

Artifacts are available on Free, Pro, Max, Team, and Enterprise. They need “Cloud code execution and file creation” turned on in Settings > Capabilities (Organization settings on Team and Enterprise).

2

Ask for something concrete

Prompt Claude to build a thing, not explain one: “build a pricing calculator”, “make a one-page proposal”. Or start from a template (Docs, Slides, Design) via “Output” in the message box or the Artifacts tab.

3

Iterate in plain language

The artifact updates as you keep talking: “make the header navy”, “add a monthly toggle”. Template artifacts can also be edited directly on the page.

4

Export the HTML

Design artifacts export as standalone HTML (or .zip, PDF, PowerPoint); legacy artifacts have view-code, copy, and download controls. An HTML file works in any browser, with or without Claude.

5

Publish it properly

Claude’s Share menu works for people with a Claude account. For anyone else, publish it as a hosted link: say “publish this” with the Pagelive connector, or upload the HTML file (noindex by default, with a view count).

+ +

Creating one

Prompts that reliably open an artifact

Artifacts open when the output is substantial and self-contained. Ask for a deliverable, name the audience, and describe the content. Claude does the rest.
Try a prompt like this
“Build a one-page proposal for a website redesign project:
scope, three pricing tiers, and a timeline. Make it look
like a designed page, not a document.”

Stuck with a blank or broken artifact instead? See Claude artifacts not working: common fixes.

+ +

Taking it with you

Exporting the HTML, and checking it renders

As of October 2026, artifacts made from a template have an Export button: Anthropic lists standalone HTML (plus .zip, PDF, and PowerPoint) for designs, Word, PDF, Markdown, and Google Docs for docs, and PowerPoint or PDF for decks. Legacy artifacts keep their view-code, copy, and download controls. An HTML file is yours: it opens in any browser and doesn’t need Claude to run. Before sending it anywhere, check that it renders on its own: paste it into the free HTML viewer and look at it outside Claude.

+ +

Step 5, properly

Publish it as a link worth sending

An artifact starts private to you, and Claude’s own sharing reaches people with a Claude account. Publishing the HTML turns it into a page anyone can open. Pagelive links are noindex by default with a view count on every page; Solo and Team add passwords and the full breakdown (unique viewers, time on page).
+ +

Using artifacts FAQ

As of October 2026, artifacts are available on Free, Pro, Max, Team, and Enterprise, and Anthropic says they require “Cloud code execution and file creation” to be turned on in Settings > Capabilities (Free, Pro, Max) or Organization settings > Capabilities (Team, Enterprise). The Docs, Slides, and Design templates are on by default on all plans.

+ +

You’ve built it. Now send it.

Turn the artifact into a noindex link anyone can open, in the next two minutes. Free to start.