get_variable_defs

MCP tool from MCP Server Guide by figma

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.

How to use it

get_variable_defs is exposed by the MCP Server Guide MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the get_variable_defs tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install MCP Server Guide

$claude mcp add --transport http figma https://mcp.figma.com/mcp

FULL MCP SERVER GUIDE LISTING

Other tools in MCP Server Guide (1)

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.