Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
| Date | Stars |
|---|---|
| 2026-07-31 | 641 |
| 2026-08-05 | 642 |
| 2026-08-06 | 642 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
 # <del>Claude</del> <ins>AI Agents</ins> Talk to Figma MCP Enable your AI agents to read, analyze, and modify Figma designs. Works with your favorite agentic tools: - [Claude Desktop](https://claude.ai/) - [Claude Code](https://docs.anthropic.com/en/docs/claude-code) - [Cursor](https://cursor.com/) - [Antigravity](https://antigravity.google/) - [Windsurf](https://windsurf.com/) - [VS Code](https://code.visualstudio.com/) + [GitHub Copilot](https://github.com/features/copilot) - [Cline](https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev) - [Roo Code](https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline) ## 👩🏽💻 Who it's for ### UX/UI Teams Automate repetitive design tasks and maintain brand consistency without manual effort: - **Automated accessibility audits** - Detect and fix contrast issues in seconds - **Bulk style updates** - Change colors, typography, or spacing across the entire document with a single command - **Visual hierarchy analysis** - Get instant feedback on your design structure ### Developers Generate production-ready code directly from designs: - **React/Vue/SwiftUI components** - From design to code in one step - **Code with design tokens** - Keep design and development in sync - **Reduce handoff friction** - Fewer back-and-forth iterations with the design team > **Key advantage**: Unlike [Figma's official MCP](https://www.figma.com/mcp-catalog/) which requires a Dev Mode license, this MCP **works with any Figma account** (even free ones). ## 💡 Real-world use cases **Accessibility:** > "Find all text with contrast ratio <4.5:1 and suggest colors that meet WCAG AA" **Rebranding:** > "Change #FF6B6B to #E63946 in all primary buttons throughout the document" **Design analysis:** > "Analyze the visual hierarchy of this screen and suggest improvements based on design principles" **Developer handoff:** > "Generate the React component for 'CardProduct' including PropTypes and styles in CSS modules" ## ⚡️ Quick installation **Setup:** 5 minutes | **First automation:** 2 minutes ### Requirements - [Node.js](https://nodejs.org/en/download) installed - [Figma Desktop](https://www.figma.com/downloads/) - AI client: - [Claude Desktop](https://claude.ai/download) - [Claude Code](https://docs.anthropic.com/en/docs/claude-code) - [Cursor](https://cursor.com/downloads) - [Antigravity](https://antigravity.google/download) - [Windsurf](https://windsurf.com/download) - [VS Code](https://code.visualstudio.com/) + [GitHub Copilot](https://github.com/features/copilot) - [Cline](https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev) - [Roo Code](https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline) ### Step 1: Install and start the websocket *Enables the Agent to send commands to Figma.* Open your terminal, navigate to the folder where you want to install the tool, and run: ```bash npx claude-talk-to-figma-mcp ``` > **💡 Tip**: This command is an "all-in-one" (clones, installs, and starts). In subsequent sessions, if you're already inside the project folder `your-project/claude-talk-to-figma-mcp`, you can simply run `bun run socket`. ### Step 2: Install the plugin in Figma *Enables Figma to receive commands from the agent and return responses.* In Figma Desktop go to Menu → Plugins → Development → Import plugin from manifest → inside the folder where you installed the MCP, select `src/claude_mcp_plugin/manifest.json` ### Step 3: Configure your Agentic Tool *Enables the agent to use the MCP's read and modify tools.* #### Claude Desktop Download [claude-talk-to-figma-mcp.dxt](https://github.com/arinspunk/claude-talk-to-figma-mcp/releases) (from Assets section of the latest release) and double-click. Claude configures itself automatically. #### Cursor 1. Open **Cursor Settings → Tools & Integrations** 2. Click **"New MCP S
Excerpt of 7,944 characters
Read on GitHub
152
Sonny Lazuardi · @grab · Singapore
33
12
JooHyung Park · Grab · Singapore
11
EunHyunsu · South Korea
11
5
5
4
3
Sergio Álvarez Leiva
3
1
1
1
1
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:cf0cc44a654d46bb, topic:mcp, topic:mcp-server, desc:model context protocol