Development
MCP
figma
Reads Figma files so the agent can pull frames, components and design tokens straight from the source.
Install
$ npx -y skills add figma/mcp-server-guide --agent claude-codeConnecting it
TransporthttpThe figma server comes with the plugin over the http transport. Configure it in your .mcp.json after install.
Ships withfigma
The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. Rate limits apply to Figma MCP server tools that read data from Figma.
Get the whole plugin