"Figma design tool and resources" matching MCP servers:

Converts any rendered web page into a complete, LLM-readable design specification—including block screenshots, distilled computed CSS, design tokens, responsive deltas, and alpha-channel-analyzed assets—so models can accurately reproduce the design.

Enables AI clients to read design pages, screenshots, original assets, styles, and workflows from Lanhu, Figma, and Mockplus, inspect elements, download resources, and build local page-flow maps.

Enables Claude Code to delegate web research and image generation to ChatGPT via Playwright browser automation, allowing token-efficient search and visual design iteration without manual screenshots.

MyChart MCP Server

Enables lightweight web search discovery and on-demand extraction of cleaned page text from supplied URLs, returning snippets, headings, links, and saved full text for longer pages.

AI design fidelity — compare Figma designs or screenshots against the rendered implementation and get structured discrepancies. Uses your Claude Code or Codex subscription, no API keys.

Searches design platforms for UI references and extracts design tokens such as colors, typography, spacing, and shadows from live websites.

One-click website design cloning with Puppeteer. Captures HTML, CSS, colors, fonts, and layout structured data for recreation.

Local-first Figma MCP server providing unlimited read access via Personal Access Token, HTML replica generation with parity verification, and write-to-canvas through a companion plugin bridge.

A Model Context Protocol server that provides real-time web search capabilities to AI assistants through pluggable search providers, currently integrated with the Brave Search API.

Bridges Claude Code with Claude Design, enabling sending design instructions, reading replies, and pulling generated files into the codebase.

Provides AI agents with a visual design inspiration loop from award-winning websites, including natural-language search, inline screenshots, and detailed design DNA extraction. Also supports optional live page capture, structure analysis, and motion recording for design verification.

Captures webpage styles and HTML, converts CSS to Tailwind, and applies extracted designs to frontend frameworks like React.

Web scraper and token compressor that converts HTML to clean markdown with 70-80% fewer tokens. Single-page compression and multi-page BFS crawling with auto-fallback fetch modes.

Enables coding agents to discover live visual design references, inspect original sites as MCP images, analyze elements and motion, and verify implementation constraints during an original design workflow.

Enables users to access and coordinate Playwright, Figma, Chrome DevTools, Shopify Dev, and Context7 tools through a single MCP connection, with response optimization, caching, and automatic session recovery.

Enables authorized Ruflo workflows to recover from CAPTCHA interruptions via a single bounded stdio MCP tool with structured validation and human handoff.

A production-minded MCP server that enables autonomous website design and management, with resources, safe Git operations, validation, Playwright inspection, Vercel previews, and JSONL audit logging. It also provides specialized audit agents for design, SEO, performance, accessibility, conversion, diagnostics, and landing pages.

Enables AI agents to securely control a user's existing Chrome profile locally, providing typed browser actions, form and editor support, WordPress workflows, terminal automation, and Figma inspection with policy-based authorization and redacted auditing.

Enables Codex and other MCP clients to read a selected Figma frame from an open Chrome tab, exposing decoded design structure and layout data through read-only MCP tools.

A modular server implementation for Claude AI assistants with integrated tools, enabling Claude to perform actions and access external resources like file systems, web searches, browser automation, financial data, and document generation.

Enables fetching HTTP resources through the MCP protocol.

Lets AI agents drive a headless Chromium browser to open URLs, click, type, select options, read text/HTML, evaluate JavaScript, wait for elements, and capture real PNG screenshots. A persistent single session keeps cookies and SSO state across tool calls, and an optional live view mirrors pages in VS Code's integrated browser tab.

This application is a powerful browser monitoring and interaction tool that enables AI-powered applications via Anthropic's Model Context Protocol (MCP) to capture and analyze browser data through a Chrome extension.

An MCP server for web intelligence extraction that provides 55 tools for extracting structured data, design systems, accessibility audits, and more from websites.

MCP server for the MiroMiro design-extraction API. It extracts real design data from live websites—including brand colors, fonts, tokens, SVGs, images, and component code—so AI agents can build from actual values.

MCP server for extracting UI components, design tokens, and patterns from websites and generating production-ready React, Vue, and HTML components.

An open-source MCP server that gives AI assistants full read-write access to Figma, enabling creation, editing, and deletion of designs directly without plugins or API keys.

Enables ChatGPT to inspect public Instagram, Threads, and web resources through a local browser and return a schema-validated Evidence Packet for evidence-first review.

A high-performance MCP server for browser automation via Chrome DevTools Protocol, enabling fast, low-cost, and anti-bot web interactions.