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
gemini-cli
Gemini CLI is an open-source AI agent that brings Gemini's powerful capabilities directly into the terminal.
sast-skills
Transform your AI coding assistant into a SAST scanner to automatically detect vulnerabilities in code.
antivibe
Transform AI-generated code into deep learning materials to help developers understand the code.
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.