The design page
Live simulator, Copy design link, Copy code, Copy AI prompt, Embed, and every screen at a glance.
Last editedVP0
Each design page runs the app live in a device frame and puts every way to use the design in one column.
| Action | What it does |
|---|---|
| Copy design link | The AI-readable link: paste it into Claude Code, Rork, or Lovable to start from this design |
| Copy code | The raw source, ready to paste into your editor |
| Copy AI prompt | A paste-ready prompt that tells your agent how to rebuild the screen |
| Embed | An iframe snippet that runs the live design on your own site |
| Save / collections | Keep it for later or organize designs into collections (sign-in) |
The simulator bar switches devices (iPhone 16 Pro, 16 Pro Max, 16, SE, iPad Pro), rotates to landscape, flips light/dark appearance, and adjusts type size. 'Looks similar' and 'More like this' at the bottom keep you exploring.
Give feedback
Was this resource helpful?
Start with a guide
Browse all tutorials in our Tutorials hub.