Catalog
Visual editor that writes your UI changes to code
Inspector sits between your browser and your codebase, so you can click an element, tweak it visually, and have the change land in the repo without touching your AI agent's chat window.
What it is. Inspector is a visual editing layer that connects to AI coding agents like Claude Code, Codex, and Cursor. You point it at your running UI, click whatever you want to change, adjust it the way you would in a design tool, and Inspector writes that change directly into your codebase.
Why it matters. The design-to-code handoff has always been the slow part. You mark something up in Figma, describe it in a prompt, wait for the agent to interpret it, check whether it matched what you meant, and iterate from there. Inspector collapses that loop. The visual intent becomes the instruction, and the code changes without you narrating what you want.
How to use it. Connect Inspector to whichever agent you are already running. With your project live in the browser, open Inspector alongside it and click the element you want to change, a button, a heading, a layout block. Make your adjustment visually. Inspector translates that into an edit and pushes it to your codebase. From there you commit or review as you normally would. It fits cleanest into a workflow where you are already using one of the supported agents and you want to stop switching between a chat window and a browser to describe visual corrections.
Limits. Inspector works within whatever your agent can actually change, so if a component is locked down or the codebase is structured in a way the agent struggles with, the edit may not land cleanly. It is also built around supported agents specifically, so if your setup does not include Claude Code, Codex, or Cursor you will need to check compatibility. And like any tool that writes to your repo automatically, it is worth having version control habits in place before you lean on it heavily.
More Tools
New Framer's biggest update yet puts AI agents directly into the design canvas and adds team branching and a community marketplace, which together change how a site goes from idea to live.
Framer 3.0: AI agents on the canvas, plus branching and a template marketplace
JUN 17
New Describe a campaign in plain English and Brew builds the copy, layout, audience targeting, and send logic in one pass, which saves the usual back-and-forth between a writer, a designer, and your ESP.
Brew: AI email builder that writes, designs, and wires up automations together
MAY 26
New Google's Stitch generates mobile and web UI screens from text prompts on a live canvas, then hands them off to Figma or your builder of choice in one click.