"How to use the browser console" matching MCP servers:

Enables AI agents to generate and edit draw.io diagrams with real-time browser preview.

MCP server for appCN - discover, search, install, and correctly use copy-paste React Native / Expo UI components (including an AI-native collection) from the live registry

MCP server that gives AI agents browser-based access to Mobbin for design research, screen discovery, and screenshot collection through automated browser control.

Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.

This MCP server enables AI assistants to search the Google Fonts catalogue, retrieve detailed font metadata, generate live HTML text previews, and obtain embed code for use on web pages.

Enables AI assistants to generate professional UML diagrams (class, use case, activity, sequence) from natural language descriptions, producing editable .drawio files compatible with diagrams.net.

Enables AI agents to perform advanced image editing and graphic design through Photopea, a browser-based Photoshop alternative. Provides 34 tools for document management, layer operations, filters, adjustments, and exports via a WebSocket bridge to the browser.

Extracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.

Integrate Shadcn Space MCP server into your IDE to generate ready-to-use shadcn/ui components without guesswork.

Captures visual changes made with VisBug in the browser and exposes them to Claude Code via MCP, allowing developers to apply design modifications to source files directly from natural language.

Enables Google Antigravity IDE and any MCP client to connect to Figma Remote MCP with native canvas write access, bypassing the Figma client whitelist and using 1-click browser OAuth.

Enables local Draw.io diagram creation, editing, and export via MCP tools, using the desktop app.

MCP server for Blender that connects to the official Blender Lab add-on, exposing 27 tools for scene manipulation, object editing, materials, rendering, and Python execution through the add-on's actual wire protocol.

Enables AI agents to inspect and edit the live browser-resident canvas of the Boarderless app via a structured spatial ledger.

Converts Figma design data into structured semantic analysis JSON and screenshots for AI agents to use in design-to-code workflows.

A powerful MCP server for UI designers and developers to extract, analyze, and clone website front-end code (HTML, CSS) with pixel-perfect accuracy using browser automation.

Converts Figma to Markdown. Strips out visual noise to drastically reduce LLM token consumption.

Enables Cursor AI to read and modify Figma designs programmatically via the Model Context Protocol.

Enables AI agents to read and modify Figma designs programmatically through WebSocket communication, supporting document manipulation, styling, text replacement, and component management.

Enables AI assistants to read and modify Figma designs programmatically through the Model Context Protocol.