A
licenseB
qualityD
maintenanceMCP server for Contextium — pipe team SOPs, coding standards, agents, skills, and workflows directly into Claude, Cursor, and other AI
coding assistants.
67
MIT
Best Figma MCP Servers
Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.
Why this server?
Enables syncing Figma designs into a Contextium library, bridging design files with team documentation.
Why this server?
Enables reading Figma designs using a FIGMA_API_KEY.
qualien-mcpofficial
AlicenseBqualityAmaintenanceA composite MCP gateway that aggregates multiple MCP servers into one endpoint for SDET/QE workflows, with curated tool namespacing, central safety guardrails, and composite tools like API-vs-DB verification.3951 npm1MITWhy this server?
Imports HTML and Claude Design exports into Figma as editable frames with Auto Layout, text, images, and vector icons. It also builds new Figma screens from a Design System using real component instances, variables, and text styles, scans and audits existing Figma frames, maps Figma components to React components, and supports pixel-faithful imports.
AlicenseAqualityAmaintenanceTurn HTML and Claude Design exports into native, editable Figma frames with Auto Layout and your Design System components, build screens and prototypes from prompts, and implement Figma frames in code with your own React components. Runs locally with Figma desktop (no API keys or cloud): run npx layerwright init, import the plugin in Figma, see the Quickstart in the README.8229MITWhy this server?
Allows comparing a live page against a Figma frame and auditing design tokens against a Figma file (coming soon).
OverlayQA MCPofficial
AlicenseAqualityBmaintenanceEnables AI coding agents to audit web pages for WCAG accessibility and color-contrast issues, and file dev-ready issues directly into OverlayQA projects.9481 npmMITWhy this server?
Reads Figma files, extracts design tokens, maps to Tailwind, and pushes variables back to Figma.
@forgespace/ui-mcpofficial
AlicenseBqualityFmaintenanceEnables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.3832 npm2MITWhy this server?
Provides a Figma plugin that generates form mockups on the Figma canvas directly from the same Formhaus form definition JSON, allowing forms to be designed and prototyped visually in Figma alongside the machine-readable definition.
AlicenseAqualityAmaintenancePublish forms from your agent and read their submissions. Also validates and simulates Formhaus JSON form definitions offline.10128MITWhy this server?
Allows analyzing Figma prototypes by extracting screen context from Figma files.
AlicenseAqualityDmaintenanceEnables AI assistants to interact with the Userology UX research platform for creating and managing studies, interview guides, analytics, and more.42MITWhy this server?
Provides a two-way bridge between a running app and Figma, allowing screens to be pushed into Figma as auto-layout frames and Figma design edits to be written back to the app's source code in real time.
AlicenseAqualityAmaintenanceEnables a live two-way bridge between a running web app and Figma, letting users push app screens into Figma as auto-layout frames and sync edits in both directions—Figma changes update the source code, and code changes update the Figma frames.612MITWhy this server?
Enables reading and writing Figma design files via a local Figma Desktop plugin, including design context extraction, screenshots, asset downloads, design creation/editing, and Code Connect mappings.
AlicenseAqualityAmaintenancefigmcp gives your coding agent the Figma file you have open in Figma Desktop. A development plugin streams the file to a server on your machine over localhost, so reads never touch the Figma REST API: no access token, no quota and no rate limits, on any Figma plan. * Design to code: Flutter widgets for Flutter projects, React + Tailwind for everything else, with assets and a scree215119 npm1MIT
