"Figma" matching MCP servers:

Enables agents to convert Figma frames into self-contained HTML and then iteratively verify the rendered code in Chromium against the design using pixel diffs and element bounding-box checks until it converges.

Enables agents to compare a live web page against a Figma frame and receive a bounded JSON verdict of design deviations, without sending screenshots or mockups through the model context.

Exports Figma designs as ready-to-use HTML/CSS and validates pixel-perfect accuracy with image comparison and visual regression testing.

Automates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.

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

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.

AI 規格大師 — MCP server bridging specs (Linear / JIRA / GitHub Issues / Notion / Markdown / Figma) to tests, with bidirectional traceability and a spec-quality coach. Sibling to mk-qa-master.

Provides Figma integration, accessibility auditing, and React code generation tools.

Enables Claude to run automated Figma-to-website design QA scans, including page discovery, visual regression and UI comparison, and structured severity-ranked reports, all within a conversation.

An MCP server that provides Sigma rule validation and configuration capabilities for AI assistants. It enables users to validate Sigma detection rules against various validators and manage validator configurations through MCP tools and resources.

Diff rendered UI components against their Figma sources to identify visual drift, with an MCP server for coding agents to verify design compliance.

Verifies that AI-generated UI code matches Figma design specs by rendering components in a real browser, comparing computed CSS, and returning patch-ready fixes with scored parity reports.

Analyzes React component changes by performing structural analysis and generating visual diffs to identify pixel-level differences. It integrates with Figma to validate implementation compliance against design specifications and automates component reviews across git branches.

specgate is an MCP server that verifies UI design fidelity by comparing a live DOM against Figma specs, reporting specific CSS property deltas so agents know exactly what to fix. It also freezes measurement results into lock files for fast offline regression detection.

Enables automated WCAG 2.2 AA accessibility audits of Figma designs and webpages. Generates detailed markdown reports with severity-grouped violations, specific criterion references, and concrete fix recommendations.