Join waitlist
Back to products
Inspector

Inspector

Figma for Claude Code

Website tryinspector.com
Overview

What it is

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.

Intent

I need it when

Maintain full code ownership and privacy while editing front-end projects

Inspector runs locally on the user's machine with all data stored locally. The product does not train on proprietary code and does not send code to the cloud, ensuring complete privacy and code ownership.

Quickly iterate on React, Next.js, or Vite applications with visual context linking to source code

Inspector links visual elements directly to their exact lines of code in React applications, providing visual context that helps users understand and modify the codebase more efficiently than traditional text editors.

Integrate AI coding agents into the development workflow to generate and refine UI changes

Inspector connects directly to Cursor, Claude Code, and Codex, allowing users to select visual elements and leave comments for the AI agent to implement changes automatically in the codebase.

Publish front-end changes to production through version control without leaving the editor

Inspector integrates with GitHub to allow users to create branches, commit changes, and publish pull requests directly from the visual editor, streamlining the deployment workflow.

Speed up front-end UI development by visually editing components instead of manually writing code

Inspector provides a visual editor where users can click elements, drag to move them, and double-click to edit text. Changes are automatically applied to the local codebase, eliminating manual code writing for common UI tasks.

Drop

Not a fit when

  • User is on Windows—Inspector currently supports macOS only and Windows support is not yet available
  • User needs to work with non-React front-end frameworks—while Inspector works with any framework, visual context linking is optimized for React
  • User requires cloud-based collaboration—Inspector stores all data locally and does not support real-time team collaboration
  • User needs to publish changes without GitHub integration—Inspector's publishing workflow requires GitHub for branch creation and PR management
  • User works with backend or full-stack development—Inspector is a front-end visual editor only and does not support backend code editing
Commercials

Pricing

Pricing not specified View pricing