Item logo image for Design Mode

Design Mode

sandeepbaskaran.com
5.0(

2 ratings

)
ExtensionDeveloper Tools2,000 users
Item media 2 (screenshot) for Design Mode
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 2 (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 browser (Chrome + Firefox) 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.

5 out of 52 ratings

Learn more about results and reviews.

Details

  • Version
    3.0.2
  • Updated
    October 14, 2026
  • Size
    604KiB
  • 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

Related

HTML to Framer

4.6

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

Paper Snapshot

4.7

Copy and paste your real site directly into Paper as editable layers. No more screenshots!

Web Capture - HTML to React with MagicPath

4.5

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

xSync by xAtom

4.5

A Chrome extension to prevent class duplication when pasting in Webflow.

F'in sweet Scrollbar Styler for Webflow

5.0

Scrollbar Styler

Finsweet Extension for Webflow

4.8

A suite of F'in sweet tools to improve your Webflow development experience.

Figma

4.1

Figma

ViDesigns Extension for Webflow

5.0

Create, share and upload Webflow components from the Webflow Designer

html.to.design

4.5

Convert any website into fully editable Figma designs.

Potato Extension for Webflow

5.0

Potato is your Webflow companion, toss it into your workflow and watch it sprout with time-saving features!

Designer Daily Report

4.8

Everything about design in just 5 minutes.

Relume Chrome Extension for Webflow

4.9

Boost your productivity in Webflow with the Relume Chrome Extension.

HTML to Framer

4.6

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

Paper Snapshot

4.7

Copy and paste your real site directly into Paper as editable layers. No more screenshots!

Web Capture - HTML to React with MagicPath

4.5

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

xSync by xAtom

4.5

A Chrome extension to prevent class duplication when pasting in Webflow.

F'in sweet Scrollbar Styler for Webflow

5.0

Scrollbar Styler

Finsweet Extension for Webflow

4.8

A suite of F'in sweet tools to improve your Webflow development experience.

Figma

4.1

Figma

ViDesigns Extension for Webflow

5.0

Create, share and upload Webflow components from the Webflow Designer

Google apps