Handle brings live product design to web apps, with rich visual tools to explore, refine, and land changes directly in code
Create, explore, and iterate with your existing coding agent and tools.
Use precision tools to adjust styling and layout, consistent with your design system.
Handle works with your coding agent to realize the changes in your code.
Work directly on live UI, where every change is real—not interpreted, approximated, or re-created later.
Stop describing intent through tickets, mocks, or endless re-prompting. Create new UI and adjust layout and styling directly in code.
No more lost context or rework. Changes flow straight into code, reducing handoff loss and iteration cycles.
Live previews in Handle let you iterate faster and catch edge cases earlier.
CHROME 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
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.
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