PlugWiki

opencode-figma MCP Server: Tools, Setup for Claude Code, Cursor & More

CommunityLocal
Getnpmopencode-figma-mcpyhoyoex/opencode-figma-mcp

Not the official Figma MCP server. This one is built by the community. Figma makes its own: Figma MCP Server →

Stars
0
on GitHub
Downloads
5
a week
Works in
12
apps
Version
1.2.0
last commit Oct 2026

MCP server that connects OpenCode and Claude Code to Figma: turn Figma designs into code specs and assets, and create or edit Figma designs from your AI agent

Works in

12 should work

Tap an app to see how to set it up and any known problems.

Install opencode-figma MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the opencode-figma MCP server to Claude Code. Run this command:

claude mcp add opencode-figma -- npx -y opencode-figma-mcp

Then check that it loaded and tell me if I need to sign in or restart.
  2. 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 opencode-figma MCP's tools here yet. After you connect it, ask your assistant "What can you do with opencode-figma MCP?" to see them.

Information

updated Nov 2, 2026

Publisher
Community
Package
opencode-figma-mcp
Registry
npm
Version
1.2.0
License
MIT
Last commit
Oct 25, 2026
Open issues
0

GitHubnpmChangelogIssues

Other Figma MCP servers

See all

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.