design-context-bridge is an MCP server that turns any AI agent into a frontend developer who can actually read a Figma file — not guess from a screenshot. When you hand a developer a Figma and say "build this", they don't just copy the visible pixels. They open the file, identify the components, read the exact colors and type scale, infer the routes the app will need, figure out the hover and disabled states, and export the icons. This server gives the AI that same access, so it can do that work
Installation
git clone https://github.com/CristinaFores/design-context-bridge && cd design-context-bridge
npm install && npm run build💡 Tip: Make sure you have the appropriate package manager installed. Refer to the official documentation for detailed installation instructions.
Compatibility Matrix
Cursor
Claude Desktop
MCP Compatible
Server Information
Quick Stats
Related Servers
More in Media →EverArt
EverArt MCP server for generative media workflows, enabling image-related tasks through the EverArt service.
Figma Context MCP
Figma Context Mcp is a Model Context Protocol server designed to extend AI agent capabilities. It exposes tools, resources, and prompts that allow AI assistants like Claude and Cursor to perform specialized tasks.
Cursor Talk To Figma Mcp
Cursor Talk To Figma Mcp is an open-source MCP server that gives AI assistants access to specialized functionality. Compatible with Claude Desktop, Cursor, and other MCP clients for enhanced AI agent workflows.
Mcp Excalidraw
Mcp Excalidraw is an open-source MCP server that gives AI assistants access to specialized functionality. Compatible with Claude Desktop, Cursor, and other MCP clients for enhanced AI agent workflows.
Like this server?
Discover more MCP servers or submit your own to directory.