Product Thumbnail

Design In The Browser

The visual tool for frontend. Point, click, and let AI code.

Design Tools
Productivity
Developer Tools

Product upvotes vs the next 3

Waiting for data. Loading

Product comments vs the next 3

Waiting for data. Loading

Product upvote speed vs the next 3

Waiting for data. Loading

Product upvotes and comments

Waiting for data. Loading

Product vs the next 3

Loading

Design In The Browser

The visual tool for frontend. Point, click, and let AI code.

Design In The Browser lets you point at any element on your website and tell AI what to change. Click a button, a heading, or select text — describe your edit in plain language, and it sends the instruction (with a screenshot) directly to Claude Code, Cursor, or Gemini CLI running in the built-in terminal. No more copying selectors or describing layouts in chat. You see it, you change it, and AI does it. Supports multi-edit queuing, responsive viewports, and your preferred code editor.

Top comment

Hi everyone! I built Design In The Browser because I was frustrated with the back-and-forth of describing UI changes to AI coding tools. I'd be staring at a button that needed to be bigger, but then I'd have to switch to the terminal, describe which button, where it was, what component it was in and half the time the AI would change the wrong thing. So I built a tool where you just click the element and type what you want. It sends a screenshot and selector directly to Claude Code, Cursor, or Gemini CLI running in a built-in terminal. The AI sees exactly what you see. Let me know what you think!