Design directly in production code
Handle brings live product design to web apps, with rich visual tools to explore, refine, and land changes directly in code
How it works
Create
Create, explore, and iterate with your existing coding agent and tools.
Refine
Use precision tools to adjust styling and layout, consistent with your design system.
Land
Handle works with your coding agent to realize the changes in your code.
Get Handle
CHROME EXTENSION
Extension
Refine your web app with visual tools using our Chrome Extension. Select elements, adjust styles, and push changes to code — all in Chrome.
BEST FOR DESIGN ENGINEERS
Easy add-on to your existing workflow. Keep using your current agent and local devserver and just use /handle to invoke.
SUPPORTED AGENTS
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Rovo Dev, and Windsurf
FREE AND OPEN SOURCE
Just use the npx command below, or check out our GitHub.
DESKTOP APP
Studio
A full-featured environment for deep design and refinement. Dedicated workspace with advanced tooling connecting directly to your coding agent.
GREAT FOR PRODUCT DESIGNERS AND DESIGN ENGINEERS
A single app that lets you operate visually on your live product. Handle Studio lets you easily build, refine, and publish your work, working directly with your coding agent to make changes.
SUPPORTED AGENTS
Claude Code, Codex, and Rovo Dev
$15/MONTH FIRST MONTH FREE
No credit card required to download or use Handle Studio during the free trial period. Bring your own agents.
Extend your Handle Studio free trial
Get 14 extra days added to your free trial. Download the app, copy your referral link, and share it with your team. You'll both get extended trial periods.
Limit of 10 referral bonuses per user