Updated June 9, 2026

How do I open Claude artifacts like an app on my phone?

Quick answer

Drafty is a Progressive Web App, so you can add it to your home screen and open your Claude artifacts like an app — full-screen, no browser bar, no App Store download. On iPhone, open a Drafty canvas in Safari, tap Share, and choose Add to Home Screen. On Android, open Chrome's menu and tap Install app. The Drafty icon then sits on your home screen and launches straight into your canvases.

If you've tried saving a Claude artifact as an .html file and watched your phone open a wall of code or a blank page, here's the fix: open it through Drafty instead. Drafty is a Progressive Web App, so you can add it to your home screen and your artifacts open like an app — full-screen, no browser bar, no App Store download.

Drafty's fuchsia cursor icon on an iPhone home screen, beside another app

Drafty is the fuchsia cursor icon. Once added it sits on your home screen next to your other apps — tap it to open straight into your canvases.

Add it on iPhone (Safari)

  1. Open a Drafty page — your canvas list at drafty.im or any drafty.im/canvas/<slug> link — in Safari.
  2. Tap the Share button (the square with an up arrow).
  3. Scroll down and tap Add to Home Screen.
  4. Confirm the name and tap Add.

The Drafty icon appears on your home screen. Tapping it opens Drafty full-screen, with no address bar in the way.

Add it on Android (Chrome)

  1. Open Drafty in Chrome.
  2. Tap the three-dot menu in the top right.
  3. Tap Install app (or Add to Home screen).

Chrome sometimes offers an install prompt at the bottom of the screen too — either way you get a Drafty icon in your app drawer.

Open it like an app

Launched from the home screen, Drafty runs full-screen — a canvas fills the whole display instead of sharing it with the browser chrome. It's the same Drafty you use on the web, so your canvases and sign-in carry over.

Drafty running full-screen from the home screen, showing the Your canvases list

This works because a Drafty canvas lives at a real URL, unlike a downloaded file. For the why and the how, see why a Claude HTML artifact won't open on a phone and how to view one on mobile.

Open Drafty on your phone

Frequently asked

Do I need to download anything from the App Store?
No. Drafty is a Progressive Web App (PWA), so it installs straight from your browser — no App Store or Play Store, and nothing to update by hand. It's the same Drafty you use on the web, just opened from a home-screen icon.
How do I add it to my home screen on iPhone?
Open any Drafty page in Safari, tap the Share button (the square with an up arrow), scroll down, and tap Add to Home Screen. Confirm the name and tap Add. A Drafty icon appears on your home screen, and tapping it opens Drafty full-screen.
How do I install it on Android?
Open Drafty in Chrome, tap the three-dot menu, and choose Install app (or Add to Home screen). Chrome may also show an install prompt at the bottom of the screen. Either way you get a Drafty icon in your app drawer that launches full-screen.
Why open artifacts this way instead of the .html file?
A raw .html artifact you save from a chat usually won't open on a phone — it downloads, then renders as a wall of code or a blank page because the phone strips the scripts. A Drafty canvas lives at a real URL and opens full-screen in the installed app, so it just works.
Will my canvases still be there?
Yes. The installed app is the same Drafty signed in to the same account, so your canvases and sign-in carry over. If you were a guest, sign in with a magic code to keep everything tied to your account.

Related