Item logo image for Design Mode

Design Mode

sandeepbaskaran.com
5.0(

1 rating

)
ExtensionDeveloper Tools10 users
Item media 3 (screenshot) for Design Mode
Item media 1 (screenshot) for Design Mode
Item media 2 (screenshot) for Design Mode
Item media 3 (screenshot) for Design Mode
Item media 1 (screenshot) for Design Mode
Item media 1 (screenshot) for Design Mode
Item media 2 (screenshot) for Design Mode
Item media 3 (screenshot) for Design Mode

Overview

Visual DOM editor for browsers — edit styles, add comments, and send changes to coding agents via MCP

A free, open-source Chromium extension that turns any website into a live design surface. Edit layout, type, colour, spacing and structure with visual controls — then ship the result straight to Claude Code, Cursor, or any AI coding agent over MCP. No mock files, no copy-paste.

Details

  • Version
    1.2.0
  • Updated
    May 19, 2026
  • Size
    142KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    sandeepbaskaran98@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Design Mode has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Design Mode handles the following:

User activity
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps