figma/mcp-server-guide
If you are the rightful owner of mcp-server-guide and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to dayong@mcphub.com.
The Figma MCP server integrates Figma into your workflow by providing design information and context to AI agents for code generation from Figma design files.
Tools
Functions exposed to the LLM to take actions
get_code
Generates code for your Figma selection using the MCP server.
get_variable_defs
Returns variables and styles used in your selection.
get_code_connect_map
Retrieves a mapping between Figma node IDs and their corresponding code components.
get_screenshot
Takes a screenshot of your selection to preserve layout fidelity.
create_design_system_rules
Creates a rule file to align output with your design system and tech stack.
get_metadata
Returns an XML representation of your selection containing basic properties.
Prompts
Interactive templates invoked by user choice
No prompts
Resources
Contextual data attached and managed by the client