Koskamo

asdesigned MCP

An MCP server that diffs rendered UI components against their Figma source designs to identify property drifts. It provides tools for comparing design intent with browser reality, inspecting elements, and generating reports for coding agents like Claude Code and Cursor.

Package and access

Local package with source-attributed installation metadata. Koskamo does not execute packages during review.

asdesigned MCP logo, by Maher-RevenCommunity listingLocal stdioSource reviewed; not executedPublished by Maher-Reven
You need:Set FIGMA_TOKEN (a Figma personal access token with file content: read ) in your environment or a .env file.npx playwright install chromium
Vendor documentation

What you can do with it

  • Diff a rendered UI component against its Figma source to find drifted properties
  • Inspect specific DOM elements and their states (hover, focus, etc.)
  • List Figma component variants and design states
  • Generate HTML or JSON reports for CI/CD pipelines

Source and maintenance

Community listingRegistry 0.1.1MIT
mcp-registry: io.github.Maher-Reven/asdesigned@0.1.1Source repository
Last repository push
Maintenance checked

Packages and installation

Source-provided package data. Koskamo has not executed or live-probed this package.

asdesigned 0.1.1

npmnpx
asdesigned package definition
{
  "version": "0.1.1",
  "transport": "stdio",
  "identifier": "asdesigned",
  "runtimeHint": "npx",
  "registryType": "npm",
  "packageArguments": [
    {
      "type": "positional",
      "value": "asdesigned-mcp",
      "description": "Start the MCP server (the package's second binary)"
    }
  ],
  "environmentVariables": [
    {
      "name": "FIGMA_TOKEN",
      "format": "string",
      "isRequired": true,
      "description": "Figma personal access token with 'file content: read' scope"
    },
    {
      "name": "ASDESIGNED_BROWSER",
      "format": "string",
      "description": "Optional path to an existing Chrome/Chromium binary (otherwise run `npx playwright install chromium` once)"
    }
  ]
}

Tools

Reported by the attributed source; not independently observed by Koskamo.

No tool definitions available.

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · repository · passed · metadata changed · updated
  • · backfill · recorded · Pre-expansion baseline; unobserved rich metadata remains unknown

Connect from your client

Each snippet configures the same source-provided package; replace placeholders before use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Cursor

Merge this local stdio configuration, replace every placeholder environment value, and restart Cursor. Koskamo has not executed this package.
Cursor configuration
{
  "mcpServers": {
    "asdesigned-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "asdesigned@0.1.1",
        "asdesigned-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>",
        "ASDESIGNED_BROWSER": "<YOUR_ASDESIGNED_BROWSER>"
      }
    }
  }
}

Cline

Merge this local stdio configuration, replace every placeholder environment value, and restart Cline. Koskamo has not executed this package.
Cline configuration
{
  "mcpServers": {
    "asdesigned-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "asdesigned@0.1.1",
        "asdesigned-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>",
        "ASDESIGNED_BROWSER": "<YOUR_ASDESIGNED_BROWSER>"
      }
    }
  }
}

VS Code

Merge this local stdio configuration, replace every placeholder environment value, and restart VS Code. Koskamo has not executed this package.
VS Code configuration
{
  "servers": {
    "asdesigned-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "asdesigned@0.1.1",
        "asdesigned-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>",
        "ASDESIGNED_BROWSER": "<YOUR_ASDESIGNED_BROWSER>"
      }
    }
  }
}

Claude Desktop

Merge this local stdio configuration, replace every placeholder environment value, and restart Claude Desktop. Koskamo has not executed this package.
Claude Desktop configuration
{
  "mcpServers": {
    "asdesigned-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "asdesigned@0.1.1",
        "asdesigned-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>",
        "ASDESIGNED_BROWSER": "<YOUR_ASDESIGNED_BROWSER>"
      }
    }
  }
}

Let your agent find its tools

Find servers like asdesigned MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 532