figma-custom-mcp
Provides tools for building Figma designs with absolute positioning, local image import, and strict schema validation, addressing capability gaps in existing Figma integrations.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@figma-custom-mcpCreate a design with overlapping elements using absolute positioning and import a local image"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
figma-custom-mcp
A small MCP + Figma plugin that patches three specific, confirmed capability gaps in Plumb — it does not modify, fork, or replace Plumb, and is designed to be paired in Figma alongside it.
The gaps, and the full source-level evidence for them, are documented in
PLUMB_GAP_ANALYSIS.md (a from-source audit of Plumb v0.13.2). This project
implements exactly the P0 items from that audit:
P0-1 — Absolute / overlapping positioning. Plumb's DSL compiler forces every container into auto-layout and never sets Figma's
layoutPositioning="ABSOLUTE", so overlapping compositions (badge over image, text over photo, etc.) are structurally impossible to build. This project's compiler defaults to free (x/y) positioning and supportsabsolute: truechildren inside auto-layout regions.P0-2 — Local/custom image import. Plumb's
image.srcis always compiled into a web-search query against six fixed stock-photo providers; a user's own file can never enter a Plumb-built design. This project readsfile:/data:URIs directly, with typed errors and zero placeholder substitution.P0-3 — Strict schema validation. Plumb's Zod schemas silently strip unknown/misspelled fields. Every schema here is
.strict().
See docs/P0-CAPABILITY-MATRIX.md for the full audit-item-by-item
traceability, and docs/ for the rest of the documentation set.
Status
P0 COMPLETE — see P0-FINAL-REPORT.md for the full acceptance-criteria checklist,
real live-Figma test results, and a screenshot of the actual composition this project built (real overlapping
Figma nodes, real local image, real rotation/gradient/effects — not a flattened image).
Related MCP server: Figma Bridge MCP
Quickstart
npm install
npm run build
npm testThen see docs/QUICKSTART.md to pair the Figma plugin and run the live end-to-end
test.
Documentation
License
MIT
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- Alicense-qualityCmaintenanceUnofficial local MCP bridge for reading the currently open Figma file through a Figma plugin. Provides tools to inspect selection, file info, and export selected nodes as SVG/PNG.MIT
- FlicenseBqualityCmaintenanceLocal MCP server connecting AI clients to the Figma desktop app for inspecting and editing Figma documents via the Plugin API.161
- Alicense-qualityCmaintenanceEnables interaction with the Figma API through MCP tools for managing files, projects, and comments, plus a real-time observability dashboard.82ISC
- AlicenseAqualityBmaintenanceLocal-first Figma MCP server providing unlimited read access via Personal Access Token, HTML replica generation with parity verification, and write-to-canvas through a companion plugin bridge.15143MIT
Related MCP Connectors
The Figma MCP server brings Figma design context directly into your AI workflow.
MCP Spec Compliance MCP — audits any MCP server.json against the official Model Context Protocol
MCP server for interacting with the Supabase platform
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/Rachit0-glitch/FIGMA-CUSTOM-MCP'
If you have feedback or need assistance with the MCP directory API, please join our Discord server