Figma MCP & Claude Code Setup

Useful Links

• Claude Code Documentation

  https://code.claude.com/docs/en/overview

• Figma MCP Documentation

  https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/#claude-code

Step by Step Setup

1. Step 1

   Get Figma & Claude Paid Plans

   Minimum Requirements: Figma Professional and Claude Pro

2. Step 2

   Enable Figma MCP

   Switch to Dev Mode from the bottom toolbar, Enable MCP server and choose Claude Code.

3. Step 3

   Install Claude Code via Terminal

   Run this command in your terminal:

   curl -fsSL https://claude.ai/install.sh | bash

4. Step 4

   Install Figma MCP into Claude Code: Figma Remote MCP Plugin

   Run this command in your terminal:

   claude plugin install figma@claude-plugins-official

5. Step 5

   Make Figma MCP available for all your Figma projects

   Run this command in your terminal and verify your Figma account:

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

6. Step 6

   Install Figma into Claude Desktop App

   Download Claude Desktop and Install Figma Connector & Plugin.