"Figma design tool and resources" matching MCP servers:

Provides design pattern templates and anti-pattern guidance to AI coding agents for correct pattern implementation.

An MCP server that lets AI agents drive FigJam boards through a local Figma plugin, bypassing API rate limits with 19 tools for reading, writing, and editing FigJam content.

MCP server bridging ChatGPT-compatible clients to the Design Flow System, enabling project session management, draft import, round locking, and read-only access to design state and traceability.

Enables AI agents to interact with Figma to create, read, and manage designs using the Figma REST API and a dedicated plugin. It supports advanced features like UI generation from text, webpage reconstruction in Figma, and design token synchronization with codebases.

Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.

Provides access to a universal design token system with 7 pre-built themes (colors, typography, spacing, motion) and multi-format export capabilities for Canva, Remotion, PPTX, CSS, and W3C JSON.

Enables AI assistants to discover, document, and generate React code using the pastel-themed Baby Design UI component library. It provides tools for retrieving design tokens and component specifications to streamline the development of user interfaces.

Enables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.

Turns real technical work from a Claude Code session into a saved, professional design doc with one slash command, no copy-pasting or signup required.

Enables agents to publish Mermaid diagrams by submitting them through a serve_design tool, which stores them in a companion web service and returns a shareable URL where the rendered diagram can be viewed.

Turns Claude Code session work into professional design docs with a slash command, no copy-pasting or signup needed.

Enables AI agents to create, modify, and manage Figma designs through natural language commands via a specialized MCP server and plugin bridge. It supports a wide range of operations including element creation, property modification, component management, and accessibility checks.

An MCP server that enables AI assistants to interact with Figma designs for tasks like reading document info, creating elements, and managing auto layouts. It facilitates real-time design automation via a custom Figma plugin and WebSocket server integration.

Enforces agent design system compliance with tools to check guards, explain gaps, issue receipts, suggest fixes, and export audits.

An intelligent MCP server for the automated design and sizing of aerobic biological wastewater treatment systems using membrane bioreactor (MBR) technology. It leverages ASM2d kinetics to perform mass balance calculations, flowsheet selection, and generate detailed engineering reports.

Provides React design and rendering patterns from patterns.dev as MCP tools and resources for Claude Code.

Enables coding agents to write repository documents (READMEs, RFCs, design docs, ADRs) from verified codebase facts, using a separate model for drafting and agent fact-checking for accuracy.

Enables auto-configuration and validation of React components against a glassmorphic design token system using an AST correction engine. It supports managing UI presets, enforcing design uniformity in Monaco IDE, and exporting tokens as CSS, Tailwind, or JavaScript variables.

AI-native architecture diagramming for MCP clients (Claude Code, Cursor, Windsurf). The calling agent authors the graph (nodes, groups, edges); Flowgraf validates it, lays it out deterministically with ELK, renders an SVG + Mermaid, and returns a link to a live, editable canvas you can refine by chat, drag, or one-click AI design review. Agent-authored ops — no API key and no LLM cost to the calle

Proxy server that enables Claude Code to interact with the DASE ORM Designer VS Code extension, providing 42 tools for database design and management.