Prism

   ██████  ██████  ██ ███████ ███    ███
   ██   ██ ██   ██ ██ ██      ████  ████
   ██████  ██████  ██ ███████ ██ ████ ██
   ██      ██   ██ ██      ██ ██  ██  ██
   ██      ██   ██ ██ ███████ ██      ██

      The full spectrum, revealed.

A Figma MCP server that connects AI agents to Figma with 71 tools — including the only library token scanner that resolves variables in linked libraries you don't directly own.

Why Prism

The official Figma MCP is read-only (13 tools). Prism is read-write and design-system-aware:

| | Official Figma MCP | Prism | |---|---|---| | Tools | 13 | 71 | | Write access | No | Yes | | Library token resolution | No | Yes (scan_tokens) | | Arbitrary plugin execution | No | Yes (execute) | | Comment tools | No | Yes (REST API) |

Install

npm i prism-figma-mcp

Add to your .mcp.json:

{
  "mcpServers": {
    "prism": {
      "command": "npx",
      "args": ["-y", "prism-figma-mcp"],
      "env": {
        "FIGMA_PAT": "your-personal-access-token",
        "FIGMA_MCP_PORT": "7890"
      }
    }
  }
}

Then import the plugin in Figma (Plugins → Development → Import plugin from manifest) and click Connect.

Note: Until v0.3.0 is published to npm, install by cloning the repo and using node /path/to/prism/dist/mcp/index.js as the command. See CHANGELOG.md for release status.

Tools

71 tools across 14 categories:

| Category | Count | Examples | |----------|-------|----------| | Variables | 20 | Create collections, set aliases, bind to nodes, batch update/delete | | Components | 7 | Convert to components, variants, properties | | Layers | 15 | Rename, resize, move, auto layout, effects | | Text | 5 | Create text, apply styles, batch operations | | Pages | 6 | Create, rename, reorder, navigate | | Library Scanner | 1 | Full token audit including linked libraries (scan_tokens) | | Execute | 1 | Run arbitrary Figma plugin code | | Debugging | 3 | Console logs, watch, clear | | Screenshots | 1 | Export nodes as images | | Comments | 3 | Read, post, delete (REST API) | | Search | 2 | Components across file + libraries | | FigJam | 2 | Stickies, board contents | | Generation | 2 | Build from spec, validate specs | | Query | 3 | Selection, layers, file info |

Known Limitations

| Limitation | Cause | Workaround | |------------|-------|------------| | Cannot set constraints on BooleanOperationNode | Figma plugin API does not allow extending this node type | Wrap the boolean operation node in a frame and apply constraints to the frame instead |

Architecture

AI Agent <-> MCP Server <-> WebSocket Bridge <-> Plugin UI <-> Plugin Code
             (stdio)         (ws://7890)          (iframe)      (sandbox)

Three processes (unavoidable — Figma sandbox constraint):

• MCP Server — registers tools, receives requests from the AI agent, sends to bridge
• Bridge — WebSocket relay on port 7890
• Plugin — runs inside Figma, executes commands in the plugin sandbox

Build

npm install
npm run build

Reference consumers

• Bolton Metro (bysixteen/bolton-metro) — active consumer; uses Prism for design token sync between CSS Custom Properties and Figma variables

Acknowledgements

See ATTRIBUTION.md for Prism-specific external sources.

For shared bysixteen design-engineering concepts, see field-notes/ATTRIBUTION.md.

License

MIT