Claude Design has one Share button and it produces a tokenized link. There is no embed option and no native video export, so to send your project to anyone who is not going to open it in a browser, you need a workaround. Below are the three ways that actually work, what each one is good for, and where each one breaks.
What Are the Ways to Share a Claude Design Project?
There are three practical ways to share a Claude Design project today: the built-in share link, a screenshot or screen recording, and an MP4 export through a third-party tool like claude2video. The share link is fastest, the video is the only format that works everywhere, and screenshots are the fallback when motion does not matter.
| Method | Output | Recipient needs | Works in slides | Works on social | Works offline |
|---|---|---|---|---|---|
| Share link | URL with token | Browser, internet | No | No | No |
| Screenshot | PNG | Anything | Yes | Yes | Yes |
| MP4 video | Video file | Anything | Yes | Yes | Yes |
If your goal is "send someone the project so they can see the animation in motion, anywhere," the answer is MP4. The other two cover specific edge cases.
How Does the Claude Design Share Link Actually Work?
Click Share on any Claude Design project and it generates a public URL with an auth token baked into the query string. Anyone with that URL can open the project in their browser without a Claude account. The token is what makes the page render - strip it and the page will not load.
A few details worth knowing:
- The link points to a live, fullscreen render of your React project. It is not a static page or a video file.
- The recipient needs an internet connection and a modern browser. No mobile app, no offline mode.
- You cannot revoke a shared link from the UI today. Anyone you send it to keeps access until Anthropic ships revocation.
- Some users have reported share links breaking after the project is edited. Re-share if the link stops working.
This is fine for "look at this thing I made" between two people. It is not fine for almost any other distribution channel.
Why the Share Link Breaks for Most Use Cases
The share link sounds general-purpose but it falls apart the moment you try to use it outside of a one-to-one DM:
- Social media: X, LinkedIn, and TikTok do not render Claude Design links inline. They show a generic preview at best, and the recipient has to click through to a browser to see the animation. Engagement collapses.
- Slide decks: Keynote, PowerPoint, and Google Slides expect an embedded image or video. A link in a slide is a dead asset during a presentation.
- Email: Marketing platforms strip query parameters or rewrite URLs through trackers, which can break the auth token.
- Notion, Linear, GitHub: These render Loom and YouTube inline. They do not render Claude Design.
- Embeds: There is no
<iframe>embed code for Claude Design. The share URL is the only thing you get.
For anything beyond a quick browser preview between two people, you need a downloadable file. Which means a video.
Can You Embed a Claude Design Project on a Website?
Not directly. Claude Design does not provide embed code, an oEmbed endpoint, or a documented iframe path. Some users have tried wrapping the share URL in an iframe manually - it works inconsistently, breaks across token refreshes, and offers no control over sizing, autoplay, or fallbacks.
The reliable embed path is to export the animation as MP4 and embed the video file. HTML5 <video> tags work everywhere, autoplay is supported, file size is predictable, and there is no auth token to expire.
How Do You Share a Claude Design as a Video?
Two ways: screen record it yourself, or use a frame-by-frame export tool.
Screen recording (QuickTime, OBS, Loom, built-in OS recorder): plays the animation in your browser while capturing the screen. Zero setup, but the output looks visibly worse than what you saw on screen because gradients band, fast motion stutters, and timing drifts. See screen recording vs frame-by-frame for the full comparison.
Frame-by-frame export (claude2video): paste your share URL and download an MP4. The tool opens your project in a headless browser, controls the animation clock, captures each frame at full quality, and assembles the result with ffmpeg. No quality loss, no real-time playback required.
There is also a faster path that skips the copy-paste entirely. With your Claude Design project open, replace claude.ai in the address bar with claude2video.com. Everything after the domain stays the same, including the auth token. The page loads with the URL pre-filled and starts processing.
claude.ai/projects/abc123?token=xyz
becomes
claude2video.com/projects/abc123?token=xyz
That is the entire workflow.
Which Sharing Method Should You Use?
A practical guide based on where the project is going:
| Where you are sharing | Best method |
|---|---|
| Quick preview to a friend or teammate | Share link |
| Slack or Discord DM | MP4 (auto-previews inline) |
| X, LinkedIn, TikTok post | MP4 |
| Pitch deck or sales presentation | MP4 |
| Notion, Linear, GitHub README | MP4 |
| Embedded on your website | MP4 in an HTML5 video tag |
| Email to a client | MP4 attachment |
| Single static moment from the animation | Screenshot |
| Internal review with someone Claude-savvy | Share link |
The pattern is consistent: if the recipient will look at it inside a browser tab, the share link works. For everything else, export to MP4.
Frequently Asked Questions
How do I share a Claude Design project with someone who does not have a Claude account? Click Share inside the project and Claude Design generates a public URL with an embedded auth token. Anyone with that URL can open the project in a browser without logging in. They will need an internet connection - the page renders live React code, not a static file. For sharing outside the browser (slides, social, email attachments), export the animation as an MP4 instead.
Can I embed a Claude Design project on my website?
Not directly. Claude Design does not provide an embed code or an iframe-friendly URL. The reliable workaround is to export the animation as an MP4 and embed the video file using a standard HTML5 <video> tag. This also gives you control over autoplay, looping, and poster images that the share link does not.
Do Claude Design share links expire? The auth token in the share URL does not have a published expiration date, but some users report links breaking after the underlying project is edited or republished. If a link stops working, open the project, click Share again, and send the new URL. There is no way to revoke a shared link from the UI today.
How do I share a Claude Design animation on X or LinkedIn?
Export the animation as a video file, then upload the MP4 to the platform directly. Pasting the share link results in a broken or generic preview because neither platform renders Claude Design inline. The fastest export route is to open your project, change claude.ai to claude2video.com in the address bar, and download the resulting MP4.
Can I share a Claude Design project as a GIF? Not natively. Claude Design only outputs HTML, PPTX, PDF, and ZIP. To get a GIF, export the animation to MP4 first using claude2video, then convert the MP4 to GIF with any standard converter (ffmpeg, ezgif, CloudConvert). MP4 is usually the better format anyway - smaller file size, better quality, and supported on every modern platform.
What happens if I share a Claude Design link in an email? It works for the recipient as long as their email client does not rewrite the URL. Marketing platforms and corporate email gateways sometimes strip query parameters or wrap links in tracking redirects, which can break the auth token. For client-facing email, attaching an MP4 is the safer route.
Can I make a Claude Design project private after I have shared it? Not from the share dialog. Once the URL is out, anyone with it keeps access. Treat the share link as a public URL even when you have only sent it to one person.