Create on Claude

Ask for a to-do list app, watch the file being created, open the artifact viewer and its menu, close it to see the reply cards, then open the artifact from Artifacts.

Editable

ClaudeiOS8 steps

Import this flow

Every app’s free flow imports free, no card needed.

See all create flows across apps

Step 1 of 8

Type a request

Dark Mode 4

How you get here: Changes in place

Import this flow

Open the SuperDuper UI plugin in Figma to paste these 8 screens into your file as editable layers.

All 8 steps

Use ← → to step through

Every step, in order

Each screen in the order it was recorded, with how the user got there.

1
Type a request
Dark Mode 4
Changes in place
2
Send message
Code and Artifacts 5
Slides in from the right
3
Tap artifact card
Code and Artifacts 7
Opens full screen
4
Tap more button
Code and Artifacts 8
Changes in place
5
Close artifact viewer
Code and Artifacts 6
Closes
6
Tap menu button
Dark Mode 11
Changes in place
7
Tap Artifacts, open the artifact
Code and Artifacts 10
Slides in from the right
8
Back to Artifacts gallery
Code and Artifacts 9
Goes back

Not affiliated with, endorsed or sponsored by Claude. Claude is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us