How-to
How to use Claude artifacts
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
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).
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.
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.
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.
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
“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
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.
Anthropic says Claude creates an artifact when the content is significant and self-contained (typically over 15 lines) and something you’ll likely edit or reuse. Short snippets and explanations stay in the chat. Ask explicitly, or pick a template with “Output” in the message box.
Inside Claude, use Share: as of October 2026 viewers need a Claude account, and only legacy artifacts (made in a chat before September 16, 2026) get a public Publish link. For a client, publish the HTML as a Pagelive link: it opens without an account and is noindex by default; Solo adds passwords and full analytics. Free for 2 public pages.