"Figma design tool and resources" matching MCP servers:

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.

Compares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.

Pull a Figma frame once, then let Claude Code, Codex or any MCP agent read it offline with no rate limits. Six read-only tools serve the normalized node tree, design tokens and locally built SVG icons from a vault you can commit, so teammates need no Figma token.

Translates design tokens across platforms — extracts from Tailwind/CSS/Figma and generates native themes for Material 3, SwiftUI, and CSS variables with WCAG contrast validation.

Figma MCP server with full read/write access via plugin bridge — no API token, no rate limits. 58 tools for design automation: styles, variables, components, prototypes, and content.

Enables AI-driven UI/UX design and prototyping in Figma by letting agents generate AutoLayout screens, modify canvas elements, and wire interactive prototype flows through natural language.

Extracts an analytics event taxonomy from Figma designs, flags drift against later design changes and exports it as a tracking plan.

Figma MCP server with full read/write access via plugin bridge — no API token, no rate limits. 83 tools for design automation: styles, variables, components, prototypes, and content.

Enables scoring the WHO-5 Well-Being Index from five answers, returning a 0–100 score and a low, reduced, or normal band without providing a diagnosis.

Enables agents to measure a live page or Figma frame against a reference design, reporting exact numerical deviations in layout, spacing, typography, colors, states, and animations before any baseline exists.

Compare service-grant changes, tool alias origins, and saved MCP tool definitions with Gooo rules. Reports preserve incomplete-capture uncertainty and source bindings. No grants are applied and no compared tools are invoked.

AI Design Blueprint is a doctrine and runtime standard for agentic AI: 10 principles, 16 laws, and Pro/Teams validators your coding agent calls over MCP.

Enables high-craft web design and engineering through OKLCH color systems, fluid typography, Three.js 3D scenes, frontend security audits, multi-viewport capture, and Python-backed design verification.

figmcp gives your coding agent the Figma file you have open in Figma Desktop. A development plugin streams the file to a server on your machine over localhost, so reads never touch the Figma REST API: no access token, no quota and no rate limits, on any Figma plan. * Design to code: Flutter widgets for Flutter projects, React + Tailwind for everything else, with assets and a scree

MCP router that fronts your other MCP servers behind a few small generic tools, so their tool definitions stay out of the context window and are discovered on demand.

Audits MCP tool descriptions for quality and reliability, scoring them 0-100, detecting smells, and providing rewritten versions for better agent accuracy.

Figma MCP server that lets agents execute arbitrary JavaScript inside a running Figma desktop app via a local development plugin, enabling real-time document inspection and manipulation while avoiding REST API rate limits.

Local MCP server that compares a mobile app screen (Android or iOS Simulator) with its Figma design

An MCP server that provides design-pattern selection expertise to AI coding agents.

Checks MCP servers by URL, npm package, or official MCP Registry search, reporting availability, response speed, exposed tools, resources, and prompts. It flags changes since prior runs as breaking, warning, or info using saved snapshots.

Graph-based tool retrieval for LLM agents. Builds a tool graph from OpenAPI/MCP specs and retrieves multi-step workflows via hybrid search (BM25 + graph traversal + embedding), recovering accuracy from 12% to 82% with 79% fewer tokens. Also works as an MCP Proxy to aggregate multiple servers behind 3 meta-tools.

A design harness for AI coding agents. Better Design gives an agent design systems, UI and UX principles, icons and UI review: it finds or creates a design system that fits the product and installs its components, explains how sign-up, forms and onboarding should work, and reviews finished screens for readability, accessibility and unclear copy.

Mokido MCP lets an AI agent design in a live Figma file through a Desktop plugin. One call writes the whole change as sandboxed JS and returns a screenshot of the result, so the agent sees what it drew. Reads come back compact to save tokens. Zero npm dependencies, works on the free Figma plan, no Dev Mode seat.

Generates print-resolution business posters (PNG/JPG) from a plain-language brief, using a design system derived from reference posters to lay out text, palettes, and images automatically.

Enables AI agents to generate dimensionally accurate mechanical parts (gears, enclosures, brackets, assemblies) in headless Blender from plain-English specs or JSON parameters, then verify them against manifold, bounding-box and print-production gates and export glTF/STL assets. It also scaffolds interactive Three.js CAD viewer pages with orbit controls, wireframe toggles and exploded-view scrubbing.

Token-optimized AST pruner for Figma specs.

Reads a saved Figma .fig file offline and gives coding agents layout, text, variables, assets, renders and frame bundles, with no Figma app, login or API rate limit.

Deterministic secret, PII and PHI checks for your CLI, git hooks, CI and MCP, with editable scaffolds for NIST SSDF, ISO 27001 and India's DPDP Act.

Server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.