"How to use the browser console log and network tab" matching MCP servers:

A Model Context Protocol server that bridges design and development by giving AI assistants complete access to Figma for extraction, creation, debugging, and bidirectional token sync.

Enables AI assistants to access and manipulate Figma designs, including extracting design systems, creating and debugging UI components, and syncing design tokens bidirectionally.

MCP server and Figma plugin that let Claude build real design systems in Figma Design: variables, components, styles, batch binding and whole screens in one call. Runs locally through the Figma plugin API, with no usage limits and no paid seat.

This system enables multiple Model Context Protocol clients to share and communicate with a single instance of the Figma desktop bridge. By managing the shared instance over Streamable HTTP, it avoids the port limitations and process overhead associated with standard, one-to-one MCP setups.

Enables a live two-way bridge between a running web app and Figma, letting users push app screens into Figma as auto-layout frames and sync edits in both directions—Figma changes update the source code, and code changes update the Figma frames.

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.

Enables AI assistants to read and write Figma designs, manage design tokens and variables, create components and FigJam boards, and run accessibility and design-code parity checks through a bidirectional Figma integration.

Enables an MCP-compatible AI client to author Blender Python, run Blender, import the resulting asset into Unity with materials and a prefab, place it in the active scene, verify the import, and revise the same asset using stable IDs.

This MCP server lets AI agents connect to Figma to read, analyze, create, and modify designs, including elements, styles, assets, and code generation. It works with free Figma accounts and supports parallel multi-agent use across MCP-compatible clients.

Model Context Protocol server that bridges design and development, giving AI assistants complete access to Figma for extraction, creation, debugging, and bidirectional token sync.

Enables an agent to turn a paper's draft into editable Figma frames for publication-ready figures, checking every number against the paper and verifying the exported PDF.

Bridges AI assistants with Figma for design system extraction, bidirectional token sync, visual debugging, and design creation.

MCP server that extracts accessibility tree, design tokens, screenshots, Claude DSL, and Figma JSON from any URL using a persistent Chromium browser with zero LLM cost.

Transform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.

Enables AI assistants to read, create, and modify Figma designs, synchronize design tokens bidirectionally, and auto-document component-variant sets via Obra Autodocs integration.

A Windows computer-control MCP server for the DeepSeek Harness plugin that lets an agent take screenshots, magnify the view for low-vision assistance, move and click the mouse, type and press keys, enumerate and focus windows, and switch input methods. It also bridges to Krita to drive drawing, pressure-curve, liquify, smudge, and brush operations.

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.

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

Enables MCP clients to inspect FreeCAD documents and export named solids to STL, find and derive OrcaSlicer presets, preview and run slices with recorded manifests, and then read G-code metadata, query a Moonraker printer, upload G-code, and start an uploaded print as a separate confirmed step.

Enables generating UI design rules, fetching color palettes, and retrieving brand design references from over 328 brands.

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

An MCP server that integrates AI agents with Figma, enabling reading and programmatic modification of designs.

Enables AI agents to directly control Figma Desktop via MCP, supporting UI creation, editing, prototyping, and variable management with over 60 tools.

MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.

Transforms Figma design data into a compact, LLM-friendly format for code generation, reducing size by 99.5% while preserving UI-critical information.

Enables AI agents to read, analyze, and modify Figma designs, including bulk style updates, accessibility audits, comment triage, and code generation from designs.

Enables AI agents to read, inspect, and edit Figma files through a Model Context Protocol server with 107 tools, visual snapshots, fidelity tools, and optional REST API access.

Enables Cursor AI to read and modify Figma designs via the Model Context Protocol, allowing programmatic control over documents, components, styles, and more.

Enables safe, AI-driven CATIA V5 modeling through 36 guarded tools for creating and inspecting parametric CATParts, including sketch, part design, GSD/surface, and transaction operations, while preventing mutation of existing documents.

MCP server that enables AI agents to read, analyze, and modify Figma designs, including comment management via Figma's REST API. Works with any Figma account and supports parallel execution.

MCP server that parses .sketch design files into CSS-aligned, LLM-friendly JSON, enabling AI coding agents to generate high-fidelity HTML, Vue, or React code.

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

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

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

An MCP server that enables AI assistants to programmatically create and manage use case diagrams (actors, use cases, subjects, relationships) in StarUML via a REST API.

Enables Claude to interact directly with Figma Desktop for creating UI components, managing design tokens, and auditing files through natural language. It establishes a live connection between the AI and the Figma API via a local server and companion plugin.

Enables an MCP-capable AI client to drive a locally installed, licensed Autodesk Inventor through its COM API for local modeling tasks. It supports creating and updating a rectangular plate and a parametric quickchanger concept assembly, opening and inspecting parts and assemblies, and returning viewport previews.

Enables controlling a game character, drawing on a canvas, and running chemistry experiments via natural language commands to Claude.

Enables AI assistants to write and execute C# code directly inside Autodesk Civil 3D, providing full API access through code generation and execution.

The pixel-diff verifier for Figma-to-code: converts a frame to HTML, React, Next.js or Tailwind with design tokens, then renders it and pixel-diffs it against Figma until it converges. Also verifies your own running app.