Inspector
Figma for Claude Code
965 followers
Figma for Claude Code
965 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.
Crow
This is super cool! How many people are using this?
Inspector
@jai_bhatia2 Thanks Jai! It's exciting to see so many new people trying it out and get feedback. Let me know your thoughts!
Autumn
Amazing tool, amazing team. Congrats on the launch!
Inspector
@ay_ush Thanks Ayush! We use Autumn for our usage tracking and we love it :)
Awesome stuff! Curious on what your long term goals are for Inspector! Do you expect visual-first editing to become the primary interface for frontend changes?
The "Figma for Claude Code" concept is interesting. Bridging visual editing and AI agents addresses a real gap in the design-to-code workflow.
I'm curious about multi-component scenarios: when a visual change affects multiple files (e.g., updating a shared component's layout that cascades to parent containers), how does Inspector handle the context propagation to Claude Code? Does it batch related changes or let the agent discover dependencies through the codebase?
Open Agent Studio
I’ve got a fun website that I was working on, and it is built on react and Tailwind. It’s just a basic install, and I was getting ready to dig in and design the front page. This would be a huge time saver! One thing, will allow you to add graphics and place them within the page? Or do you have to have that already done, then edit.
Inspector
@jeffery_newton we are shipping this soon!
Wow, Inspector looks amazing! That click & tweak to code workflow is seriously genius. How does it handle more complex UI interactions beyond simple style changes? Super curious!
this solves a real pain. i've been using Claude Code for months and the biggest friction is when the UI doesn't match what i had in mind - you end up in this loop of describe, wait, check, repeat. curious how Inspector handles the sync when the agent is actively making changes? like if Claude is rewriting a component while you're tweaking styles in Inspector, does it queue your changes or merge them somehow?