README.md
Brings Figma designs directly into MCP-compatible environments
to view specifications and export frames as high-resolution images. It features smart section splitting for large frames and integrates with Jira to automatically fetch designs from ticket links.
Tools (3)
get_figma_fileRetrieves design specifications and metadata from a Figma file.export_frameExports a specific Figma frame as a high-resolution image with smart section splitting.get_jira_designsAutomatically fetches Figma design links associated with a specific Jira ticket.Environment Variables
FIGMA_ACCESS_TOKENrequiredPersonal access token for the Figma APIJIRA_HOSTThe domain of your Jira instanceJIRA_EMAILEmail associated with your Jira accountJIRA_API_TOKENAPI token for Jira authenticationConfiguration
claude_desktop_config.json
{
"mcpServers": {
"figma-mcp": {
"command": "npx",
"args": [
"-y",
"@rui-branco/figma-mcp"
],
"env": {
"FIGMA_ACCESS_TOKEN": "your_figma_token",
"JIRA_HOST": "your_jira_host",
"JIRA_EMAIL": "your_jira_email",
"JIRA_API_TOKEN": "your_jira_token"
}
}
}
}Try it
→Fetch the design specifications for the Figma file with key 'abc123xyz'.
→Export the frame with node ID '10:45' from my Figma project as a high-res image.
→Check Jira ticket PROJ-123 and pull all the Figma design links attached to it.
→Show me the layout details for the mobile header in this Figma file.
→Split this large Figma frame into sections and export them for review.