Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "figma-live-design-qa": {
      "command": "npx",
      "args": [
        "-y",
        "Mad7droid/figma-live-design-qa-mcp"
      ]
    }
  }
}

README Excerpt

Figma Live Design QA MCP helps you answer a simple question: **Does the page we built still look and feel like the design?** Give it a Figma frame and a live page. It checks the design details that should match — colors, type, fonts, and corner radii — then gives you a shareable HTML report. It is made for designers, design engineers, and frontend teams who want a quick way to catch “almost right” details before handoff or release. You do not need to be a developer to use the actual QA workflow.

Tools (6)

build_reportcapture_buildcapture_designcheck_tokensdismiss_findingrun_design_qa

figma-live-design-qa-mcp

Quick Install

README Excerpt

Tools (6)

Related AI/LLM Servers