Skip to main content
All CollectionsClaude.aiUsing Claude.ai
What are Artifacts and how do I use them?
What are Artifacts and how do I use them?
Updated this week

Artifacts allow Claude to share substantial, standalone content with you in a dedicated window separate from the main conversation. Artifacts make it easy to work with significant pieces of content that you may want to modify, build upon, or reference later.

When does Claude use Artifacts?

Claude creates an Artifact when the content it is sharing has the following characteristics:

  • It is significant and self-contained, typically over 15 lines of content

  • It is something you are likely to want to edit, iterate on, or reuse outside the conversation

  • It represents a complex piece of content that stands on its own without requiring extra conversation context

  • It is content you are likely to want to refer back to or use later on

Some common examples of Artifact content include:

  • Documents (Markdown or Plain Text)

  • Code snippets

  • Websites (single page HTML)

  • Scalable Vector Graphics (SVG) images

  • Diagrams and flowcharts

  • Interactive React components

How do I use Artifacts?

When Claude creates an Artifact, you'll see the Artifact content displayed in a new dedicated window to the right side of the main chat. This allows you to easily view, copy, and work with the Artifact content.

A few key things to know about interacting with Artifacts:

  • You can ask Claude to edit or iterate on the content and these updates will be displayed directly in the Artifact window.

    • These edits won't change Claude's memory of the original Artifact content, and you can switch between each version using the version selector at the bottom left of the Artifact.

  • You can open and view multiple Artifacts in one conversation using the chat controls. To access this, click on the slider icon in the upper right corner. Select the Artifact you’d like Claude to reference and then continue where you last left off.

  • Claude may update an existing Artifact in response to your messages. The Artifact window will update to show the latest content.

  • You can view the underlying code of an Artifact, copy the content to your clipboard, or download a file to easily reuse it outside the conversation. These options are located in the lower right corner of your Artifact.

Editing Artifacts with the analysis tool enabled

This functionality requires the analysis tool feature preview. For more information on enabling this feature preview, visit the resource here.

With the analysis tool feature preview enabled, Claude can make targeted changes to specific sections of an Artifact instead of rewriting it entirely. With this tool enabled, there are two ways to edit Artifacts:

1. Targeted Updates

  • For small changes to specific sections, Claude can update just that portion while leaving the rest unchanged.

  • You can simply describe what you want changed and where.

  • For example: "Could you change the color of the button from red to blue?" or “Update the first paragraph to include a problem statement.”

2. Full Rewrites

  • For major changes affecting most of the content, Claude can rewrite a new version

  • This is better for substantial restructuring or when multiple sections need to change

  • For example: "Could you completely redesign the button to be a toggle instead?" or “Could you rewrite this technical documentation to be a customer-facing FAQ instead?”

In both cases, each edit creates a new version that you can access through the version selector, letting you track changes while you work.

Best Practices:

  • Be specific about which part you want to change

  • For targeted updates, reference unique identifying text around your desired change

  • Consider whether a small update or full rewrite would be more appropriate for your needs

Did this answer your question?