Handle Studio
Design directly in production code
Explore, refine, and land UI changes by working on your live product. Use your existing agent and work with precision tools on top of real code.
Design on the real thing
Real components, real data, real interactions. No more designing at a distance — your product is the canvas. Eliminate back-and-forth tooling translations and take ownership over the outcome in the product.
Built for the whole product team, shipping together without handoff overhead
Designers
Who are leaning into AI-native workflows
Design engineers
Who want more precision and control
Solo founders
Who want to make their app feel designed
Features
Uses your existing agent
Studio works directly with your Claude Code or Codex agent and your MCPs and skills. No new setup required.
Live preview
Studio lets you design with your running app, not a mockup. You work with real data, real components, real tokens.
Precision visual tools
Studio enables you to be specific and exact, enabling you to make changes instantly without the need to iterate endlessly with prompts.
Safe editing
Stage your changes and undo them before and after they're sent to an agent.
Works with your design system
Understands your tokens, components, and breakpoints.
Share with your team
Summarize your changes with one click, then publish a clean commit to a remote branch for your team to review.
Get Started with Handle Studio
1
Connect to your agent
Handle Studio automatically detects and works with your existing Claude Code or Codex agents.
2
Set up your repo
Handle Studio works with your local git repos. Clone a remote repo on your local machine if you don't have it already.
3
Start a new project in Studio
Select your repo, give your project a name, then select or create a new branch. Pick which of your agents will work on your project.
4
Chat to explore and create first drafts
Ask your agent to create entirely new sections, interactive elements, or flows.
5
Use precision tools to refine details
Pick specific elements you want to change and dial in the details of your app.
6
Publish your changes
Tell the story of your changes with supporting screenshots and recordings, then easily push changes to your remote branch.
Why Studio
Design on the live product
Design with real components, tokens, and breakpoints. No mockups, no translation taxes.
Stay in control of every change
Stage every edit, preview it, and rewind any single change — before or after the agent runs.
Your agent writes the code
Claude Code or Codex does the implementation, in your codebase's conventions. You direct; they ship.
Land it like any other PR
One-click diff summary, clean commit, remote branch — your team reviews design work the same way they review code.
Get started
$15/MONTH FIRST MONTH FREE
No credit card required to download or use Handle Studio during the free trial period. Bring your own agents.
macOS 13+ on Apple Silicon. Bring your own agent — Claude Code, Codex, or Rovo Dev.