MCP Server Guide
未认领A guide on how to use the Figma MCP server
安装
$
claude mcp add --transport http figma https://mcp.figma.com/mcp工具(2 个)
get_design_context
provides a structured React + Tailwind representation of your Figma selection. This is a starting point that your AI assistant can translate into any framework or code style, depending on your prompt.
get_variable_defs
extracts the variables and styles used in your selection (color, spacing, typography, etc). This helps the model reference your tokens directly in the generated code.