Skip to content
Agentmart
Submit a tool

Asdesigned

Diff a rendered UI element against its Figma source and get every drifted property with its delta.

Connector by Maher-Reven · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)
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/maher-reven-asdesigned

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

Diff a rendered UI element against its Figma source and get every drifted property with its delta.

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 and install config. Checked Oct 25, 2026.

Tools
3 read · 0 write · 0 deleteRead-only
Secrets
1 (API keys, tokens or passwords)
Install scripts
Not scanned yet
Runs as
Node.js package

Tools by what they do 3

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

Read 3 · Look things up without changing anything.

  • compare_design
  • inspect_element
  • inspect_figma

Secrets and settings it asks for

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

  • FIGMA_TOKEN

Other settings (environment variables or headers).

  • ASDESIGNED_BROWSER

Tools (3)

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

  • compare_designCompare design vs rendered

    Diff a Figma component against the element that implements it in a running web app. Returns every property that drifted (spacing, size, radius, colors, typography, shadow) with design value, rendered value and delta, plus a pass/fail summary. Use this to verify an implementation matches its design, or to find exactly what to change when it doesn't. Fields present on only one side are reported but do not fail.

  • inspect_elementInspect rendered element

    Read the actual rendered styles of an element in a running web app — box size, padding, gap, radius, background, border, typography, shadow, opacity — as a normalized StyleSpec. Values are computed styles, not authored CSS, so this shows what the user really sees.

  • inspect_figmaInspect Figma node

    Read a Figma node's design values — auto-layout padding and gap, size, corner radius, fill, stroke, text style, effects — as a normalized StyleSpec. Takes a "copy link to selection" URL.

Signals

Stars
0
Forks
0
Open issues
0
Last commit
Sep 14, 2026 (1 month ago)
Last release
Sep 9, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
io.github.Maher-Reven/asdesigned
Version
0.1.1
Auth
API key
Packages
npm asdesigned
License
MIT
Repository
github.com/Maher-Reven/asdesigned
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
Official MCP Registrygithub-graphql
Cite this page

Asdesigned MCP server. Agent Mart. https://agentmart.dev/connectors/maher-reven-asdesigned (last updated 2026-10-24)