"A tool for finding errors in the console or browser during frontend development" matching MCP servers:

Enables AI coding agents to search public design-system catalogs and retrieve only the relevant tokens or sections for a chosen brand, so generated UI matches a specified visual style instead of generic AI output.

Provides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.

Transforms design inputs (URLs, screenshots, descriptions) into production-ready React components following G2's Elevate 2.0 design system, providing both an MCP server for Claude Code and a web interface.

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.

Provides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.

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.

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

Provides AI-powered tools for UX/UI review, web component generation, and code refactoring using Google Gemini.

Gives LLM agents spatial awareness inside Autodesk Maya, enabling scene inspection and measurement, aesthetic and engineering audits, camera planning, checkpoint/rollback safety, asset import, and viewport or render previews. Agents can also execute arbitrary Python in Maya to build and verify 3D scenes against engineering rules instead of writing blind.

Enables AI-driven 3D modeling and scene creation in Blender, allowing LLMs to create, modify, and manipulate objects, materials, and assets through natural language.

Enables Large Language Models to access and manipulate Autodesk Revit models through a pyRevit-based bridge and the Model Context Protocol.

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 access and manipulate Figma designs, including extracting design systems, creating and debugging UI components, and syncing design tokens bidirectionally.

Connects MCP-compatible AI assistants to Azgaar's Fantasy Map Generator so they can view, inspect, edit, and export fantasy maps in a live local browser, including borders, states, terrain, layers, and files. It runs locally and offline after installation, supports collaborative manual editing, undo, autosave, and text-only map output for models that cannot see images.

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.

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

Enables AI assistants to programmatically customize Shopify Plus checkout branding, including colors, typography, logos, and design systems, with safety defaults for production updates.

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

Enables controlling CLO3D from any MCP client to inspect projects, create and edit patterns, manage fabrics and colorways, run simulations, and export models through chat.

Enables AI assistants to programmatically inspect projects, create compositions and layers, apply effects, animate properties, and manage render jobs in Adobe After Effects through natural language.

A local, offline MCP server that enables AI agents to collaborate with SketchUp for controlled modeling, editing, and review tasks via 41 MCP tools.

Local MCP bridge that exposes the ChatGPT Figma connector to OpenCode without launching Codex, using the existing authenticated session.

Translates natural language commands into structured geometric operations for a simulated CAD engine using LLMs. It enables users to create shapes, modify dimensions, and perform 3D operations like extrusion through the Model Context Protocol.

Enables LLMs to drive Blender through socket-based two-way communication, letting them create and modify 3D objects, apply materials, run Blender Python, and fetch or generate assets while visually verifying results. Supports prompt-assisted 3D modeling, scene creation, and manipulation.

FastMCP-based tool for extracting UI component code from Uiverse.io, supporting HTML/CSS, React, Vue, Svelte, and Lit frameworks.

Enables Claude to draw, verify, correct, and organize precise 2D architectural geometry directly in an open Vectorworks file, including exact arcs, measurements, classes, layers, and self-checking fixes.

Enables AI assistants to inspect and organize Adobe Premiere Pro projects, edit timelines with frame-accurate cuts and trims, animate motion and opacity keyframes, and trigger exports through natural language.

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 AI coding agents to read and write a user's Figma file through the Figma Plugin API, offline and privately, without API tokens or rate limits.