Inspector
Figma for Claude Code
Visit website →About
Inspector is a visual editor that connects to an AI coding agent such as Claude Code, Codex, or Cursor. A user clicks an element in their running UI, adjusts it visually, and Inspector writes the corresponding change into the codebase through the agent.
That removes the design-to-development handoff for tweaks: instead of describing a change or filing a ticket, the person edits the interface directly and the edit is pushed to the repository.
It is aimed at designers, product people, and developers who want to make visual adjustments to a real app and have them land as code, without a separate handoff step or a round of back-and-forth.
AI-assisted draft, human-reviewed before publishing — see how we choose & review tools.
Why we picked it
Inspector stood out for removing the design-to-dev handoff for small tweaks specifically — clicking an element and adjusting it visually, with the agent writing the actual code change, is worth naming against filing a ticket for something that should take thirty seconds.
Related tools
- 1 Maildun Agentic email builder for Mac — by hand, with AI, or over MCP Free
- 2 Canva Design platform with built-in AI tools and an Arabic interface Freemium
- 3 Siteprint Measures any website's design and turns it into an AI prompt Freemium
- 4 Autonomyware From idea to manufactured product, powered by AI Freemium
- 5 Pactto Persistent rooms for creative teams to review and approve with AI agents Freemium
- 6 PixelCrew A crew of AI agents that ships production-ready design from a brief Free