Skip to main content
Glama
Mad7droid

Figma Live Design QA MCP

by Mad7droid

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault
FIGMA_TOKENYesFigma personal access token with File content: read permission.
DESIGN_QA_HOMENoCustom base directory for run data (default: ~/.figma-live-design-qa-mcp/).
DESIGN_QA_REPORT_DIRNoCustom directory for reports (default: ~/Documents/Design QA/).

Capabilities

Features and capabilities supported by this server

CapabilityDetails
tools
{
  "listChanged": true
}

Tools

Functions exposed to the LLM to take actions

NameDescription
run_design_qaA

End-to-end design QA: measures a Figma frame and a live page, then writes an HTML report. Give it a Figma frame link and the URL of the built page. Runs capture_design, capture_build, check_tokens and build_report in sequence. On failure it returns the runId so the remaining steps can be run individually.

capture_designA

Fetch a Figma frame and derive its design token set. Accepts a pasted Figma frame link or a bare file key plus nodeId. Writes the flattened node list to disk and returns a runId. Never returns the node tree.

capture_buildA

Measure the live page in the user's own browser session, piercing shadow DOM and same-origin iframes. Reuses a running Chrome over CDP, else a copy of the Chrome profile. Never asks for or stores credentials. Viewport width defaults to the Figma frame width from the same run.

check_tokensA

Compare every colour, font size, font weight and border radius in the build against the design token set. Returns findings grouped by value, capped at 50, with severities. Dimensions where no token set could be inferred are reported as "not verified" rather than guessed at.

build_reportA

Write a self-contained HTML report with all images inlined, plus report.json. Opens offline and can be shared directly. Returns the absolute path.

dismiss_findingC

Add a finding to the baseline for its Figma file so it is suppressed on all future runs.

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Mad7droid/figma-live-design-qa-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server