Figma to React MCP
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
| LOG_LEVEL | No | Logging level (debug, info, warn, error) | info |
| GITHUB_TOKEN | Yes | GitHub Personal Access Token with repo permissions | |
| FIGMA_ACCESS_TOKEN | Yes | Figma Access Token from your account settings | |
| PLAYWRIGHT_BROWSER | No | Browser to use (chromium, firefox, webkit) | chromium |
Capabilities
Features and capabilities supported by this server
| Capability | Details |
|---|---|
| tools | {} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| design_to_codeB | Convert Figma design to React component and create GitHub PR. Accepts Figma URLs or file IDs. |
| test_design_implementationB | Test generated component against Figma design with visual regression testing. |
| create_design_prC | Create GitHub PR with generated component and test results. |
| analyze_figma_designB | Analyze Figma design and extract design tokens, components, and structure. |
| setup_project_branchB | Create a new GitHub branch for feature development. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
No resources | |
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/surisagar900/figma-to-react-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server