Skip to content
Agentmart
Submit a tool

designfit

Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

Connector by as9978 · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 7
Write a review

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/as9978-designfit

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list, install config and code. Checked Oct 25, 2026.

Tools
2 read · 0 write · 0 deleteRead-only
Secrets
1 (API keys, tokens or passwords)
Install scripts
None found
Runs as
Node.js package

Tools by what they do 2

Read from the source code; the running server may list different tools.

Read 2 · Look things up without changing anything.

  • designfit_extract
  • designfit_validate

Secrets and settings it asks for

Secrets: values you paste in that let it act as you.

  • FIGMA_TOKEN

Network hosts it talks to 4

  • api.figma.com · found in code
  • figma.com · found in code
  • github.com · found in code
  • json.schemastore.org · found in code

Tools (2)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • designfit_extractExtract a design spec from Figma

    Turn a Figma frame into the design spec designfit_validate expects. Give it a Figma link (https://www.figma.com/design/<fileKey>/...?node-id=...), or fileKey + nodeId, and it fetches the node via Figma's REST API using the FIGMA_TOKEN env var; or paste the raw GET /v1/files/:key/nodes response as `nodes` and nothing is fetched. Returns { design, componentMap, viewport }: add `url` and call designfit_validate. Deterministic. Hidden nodes are skipped; a frame made only of vectors is one leaf (an icon). `maxDepth` limits how deep to go.

  • designfit_validateValidate design fidelity

    Validate a rendered front-end against its Figma design. Tag each built element with data-designfit-id="<figmaNodeId>", pass the design spec (geometry + tokens, from designfit_extract or relayed from Figma's MCP), the running URL, and the component map. Returns a fidelity score and a machine-actionable fix-list of token, geometry, and presence violations.

Signals

Stars
7
Forks
0
Open issues
0
Last commit
Oct 8, 2026 (20 days ago)
Last release
Oct 3, 2026 (25 days ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
io.github.as9978/designfit
Version
0.2.1
Auth
API key
Packages
npm designfit
License
MIT
Repository
github.com/as9978/designfit
Website
github.com/as9978/designfit#readme
First seen
Oct 24, 2026
Last checked
Oct 25, 2026
Source
Official MCP Registrygithub-graphql
Cite this page

designfit MCP server. Agent Mart. https://agentmart.dev/connectors/as9978-designfit (last updated 2026-10-25)