Inspector
Figma for Claude Code
938 followers
Figma for Claude Code
938 followers
Inspector is a visual editor that connects to your favorite AI agent (Claude Code, Codex, Cursor). Click on an element in your UI, tweak it visually, and Inspector writes the change to your codebase. No more design handoff, just push to the repo.
this tool helped me go from people roasting me for my design work, calling me a hopeless vibecoder, to being asked if i'm taking clients for UI consulting.
if you do anything with your day today, try inspector.
Great idea. Make your solution as modules for all popular CMSs, and you could earn a few million dollars from selling such a module) I say this as the CEO of a development company that works a lot with legacy code)
This nicely bridges the gap between intent and implementation — being able to see a UI change and have it reflected directly in code feels like a real workflow upgrade, not just a demo feature.
4 fails out of 89 visual test cases vs 43 for cursor browser, that benchmark alone is worth the try.
Quick question Michael, when a designer redesigns a nav bar visually and pushes a PR through Inspector, is there a review step before merge or does it go straight to the repo?
Open Agent Studio
@fabrice_salah Building on what you said, it would be real nice to have a approval workflow built into this app! Maybe you guys could put that on the product development workflow!
Agnes AI
Really love the ease and usability of Inspector! Great launch!
Inspector
@cruise_chen Love to hear it! Send me any more of your feedback!
Wow! Passing this to my friends building with Claude Code. Congrats on the launch and the product!
Inspector
@andreitudor14 Thanks Andrei! We'd love to hear their feedback :)