figma-mcp-bridge logo
figma-mcp-bridge
★ 835
vs
Figma-Context-MCP logo
Figma-Context-MCP
★ 16.1k

figma-mcp-bridge vs Figma-Context-MCP

figma-mcp-bridge: Figma MCP Bridge is a plugin and MCP server solution that streams live Figma document data to AI tools, effectively bypassing Figma API rate limits for free users. It supports simultaneous connections to multiple Figma files and includes opt-in write tools for agent-driven design edits.; Figma-Context-MCP: This project provides a Model Context Protocol (MCP) server that grants AI-powered coding tools like Cursor direct access to Figma design data. It enables one-shot implementation of designs in any framework by simplifying and optimizing Figma API responses for AI models.

01

TL;DR

figma-mcp-bridge logo
figma-mcp-bridgeAPI Integration · ★ 835

Enable AI agents to query and understand live Figma design context.

Figma-Context-MCP logo
Figma-Context-MCPAPI Integration · ★ 16.1k

Implementing UI designs in code using AI agents like Cursor.

02

Side-by-Side Comparison

Field
figma-mcp-bridge logofigma-mcp-bridge
Figma-Context-MCP logoFigma-Context-MCP
Category
API Integration
API Integration
Stars
★ 835
★ 16.1k
License
MIT
MIT
Install Command
npx -y @gethopp/figma-mcp-bridge
npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
Updated
1w ago
1d ago
Open Source
Yes
Yes
Tags
Figma, AI Integration, MCP Server
Figma, Model Context Protocol, AI Coding
03

Features

figma-mcp-bridge logofigma-mcp-bridge
01Stream live Figma document data to AI tools.
02Bypass Figma API rate limits for free users.
03Support multiple Figma files connected simultaneously.
04Includes opt-in write tools for safe agent-driven design edits.
05Provides a rich set of tools for querying and manipulating Figma nodes.
Figma-Context-MCP logoFigma-Context-MCP
01Provides AI coding agents with Figma design data access.
02Enables one-shot design implementation into any framework.
03Simplifies and translates Figma API responses for AI models.
04Optimizes context for improved AI accuracy and relevance.
05Compatible with Cursor and other MCP-enabled AI clients.
04

Use Cases

figma-mcp-bridge logofigma-mcp-bridge
↳Enable AI agents to query and understand live Figma design context.
↳Allow AI agents to perform design edits, such as creating elements or modifying properties, within Figma.
↳Automate the creation of basic UI components or slide decks using AI.
↳Integrate Figma data into AI-powered development environments like Cursor.
Figma-Context-MCP logoFigma-Context-MCP
↳Implementing UI designs in code using AI agents like Cursor.
↳Automating the conversion of Figma designs into various code frameworks.
↳Enhancing the accuracy and efficiency of AI-powered design-to-code workflows.
05

Best For

figma-mcp-bridge logofigma-mcp-bridge
TrendingHidden Gem
Figma-Context-MCP logoFigma-Context-MCP
Most PopularEssentialTrending
FAQ

FAQ

What is the difference between figma-mcp-bridge and Figma-Context-MCP?
Both figma-mcp-bridge and Figma-Context-MCP are in the API Integration category. figma-mcp-bridge has 835 stars, while Figma-Context-MCP has 16.1k stars.
Which is better, figma-mcp-bridge or Figma-Context-MCP?
The best choice depends on your use case. Choose figma-mcp-bridge if Enable AI agents to query and understand live Figma design context., and Figma-Context-MCP if Implementing UI designs in code using AI agents like Cursor..
Is figma-mcp-bridge free or open source?
Yes, figma-mcp-bridge is open source on GitHub (MIT).
Is Figma-Context-MCP free or open source?
Yes, Figma-Context-MCP is open source on GitHub (MIT).
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit
→

Related