Share session output as artifacts changedartifacts
Nearest release: v2.1.252, published 11 hours after this site recorded the change. Shown because the two are within 24 hours of each other. Nothing here says the release caused the edit.
Recorded here
Lines+12added
Lines−0removed
From line
236
where the diff opens
First seen
14 Aug 2026
this site's first read of the page
Recorded edits45to this page, all time
## Draft a design canvas
The whole hunk
from line 236, old and new numbered
/
from line 236
236236
237237For typography, Claude can load a typeface from Google Fonts, the one external font source an artifact page can load from. Claude inlines any other typeface as a `@font-face` data URI and gives every typeface a fallback stack, so the page still renders if a font doesn't load. To use a specific typeface, name it in your prompt or your design system.
238238
239## Draft a design canvas
240
241To mock up a UI, a screen flow, a landing page, or a poster rather than build a page, run `/design` with a brief. Claude drafts the design as artboards on one canvas and publishes the canvas as an artifact that runs a research preview of Claude Design's editor. The brief names what you want drawn:
242
243```text wrap theme={null}
244/design a settings screen for a mobile banking app
245```
246
247Open the published artifact to review the artboards. Where saving is enabled for your account, select an element on an artboard, change it, and save to publish a new version; otherwise you view the draft and export it as PNG or PDF.
248
249`/design` requires a session where [artifacts are available](#availability) and Claude Code v2.1.234 or later.
250
239251## Page constraints
240252
241253Each artifact is one self-contained page. Claude Code wraps the file you publish in an HTML document shell and serves it under a strict Content Security Policy (CSP), which shapes what the page can do.
No line in this hunk matches that.