sunnysideFigma-Context MCP Server: Tools, Setup for Claude Code, Cursor & More
Not the official Figma MCP server. This one is built by the community. Figma makes its own: Figma MCP Server →
A comprehensive Model Context Protocol (MCP) server that bridges Figma designs with AI development workflows. It provides 30 specialized tools for extracting pixel-perfect code, assets, and component structures directly from Figma designs.
Works in
12 should work
Tap an app to see how to set it up and any known problems.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Client does not support this transport.
Client does not support this transport.
Install sunnysideFigma-Context MCP
Claude Code
- 1
Copy this prompt.
Add the sunnysideFigma-Context MCP server to Claude Code. Run this command: claude mcp add sunnysidefigma-context -- npx -y @mp3wizard/sunnyside-figma-mcp Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires Node.js.
Built from the package data we hold. Not yet tested by us.
Tools
We don't list sunnysideFigma-Context MCP's tools here yet. After you connect it, ask your assistant "What can you do with sunnysideFigma-Context MCP?" to see them.
Security advisories
none published
No published security advisories as of Nov 1, 2026.
Information
updated Nov 2, 2026
- Publisher
- Community
- Package
@mp3wizard/sunnyside-figma-mcp- Registry
- npm
- Version
- 0.4.4
- License
- SEE LICENSE IN LICENSE
- Last commit
- Apr 19, 2026
- Open issues
- 0
