Figma-Context-MCP
MCP server that provides Figma layout information for AI coding assistants.
- Type
- MCP
- Transport
- stdio
- Open source
- Yes
- GitHub Stars
- ★ 15.2k
- Source
- mcp-github
- Repository
- github.com/GLips/Figma-Context-MCP
Overview
Figma-Context-MCP is a Model Context Protocol (MCP) server that delivers layout and style information from Figma files to AI coding tools like Cursor. By accessing this design data, AI can more accurately implement designs in one go, without relying on workarounds like screenshots. To use this service, you need to add the corresponding configuration in your config file and provide a Figma API access token. This capability is especially useful for developers who need to rapidly turn designs into code.
Capabilities
- ▪Retrieve layout information from Figma files
- ▪Simplify and translate Figma API responses
- ▪Provide relevant layout and style data
Use cases
Setup
Add the `figma-developer-mcp` server configuration in your config file and provide a Figma API access token.
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How do I create a Figma API access token?
Refer to the Figma official documentation: https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens
Related skills
pstack-claude
Provides rigorous workflows for multiple agents, supporting Claude Code, Codex, and more.
sast-skills
Transform your AI coding assistant into a SAST scanner to automatically detect vulnerabilities in code.
Lightswind-UI-Library
AI-native CLI-first React component library with MCP Server support.
scientific-agent-skills
Transform any AI agent into a scientific assistant with 147 ready-to-use research skills.
susi_alexa_skill
A skill that enables question-and-answer interactions between Alexa and Susi AI.
claude-context
Provides code search capabilities for Claude Code, turning the entire codebase into context.