Open Design MCP Server

What the code does

We read the source, 4 h ago · rules 995398eba69f

What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.

    const assetPath = path.join(dir, 'assets', rel);

  const bg = /background-color:([^;]+)/.exec(input.body.rootStyle)?.[1] ?? '#ffffff';

      `\n\n## Update mode\n\nA ${existing.library} set was already built from this design (recorded ${existing.updatedAt ?? 'earlier'}). ` +

Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

claude mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp

{
  "mcpServers": {
    "open-design": {
      "command": "npx",
      "args": [
        "-y",
        "@feimacode/open-design-agent-kit-mcp"
      ]
    }
  }
}

[mcp_servers.open-design]
command = "npx"
args = ["-y", "@feimacode/open-design-agent-kit-mcp"]

{
  "mcpServers": {
    "open-design": {
      "command": "npx",
      "args": [
        "-y",
        "@feimacode/open-design-agent-kit-mcp"
      ]
    }
  }
}

{
  "servers": {
    "open-design": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@feimacode/open-design-agent-kit-mcp"
      ]
    }
  }
}

Optional settings from the registry entry, left out of the block above: OPEN_DESIGN_FIGMA_TOKEN (Optional. A Figma personal access token, used only to import Figma frames. Leave empty if you don't use Figma).