How to Connect Claude to Figma: Complete 2026 Guide

Want to use Claude AI in Figma? This guide shows you exactly how to connect them using Flaude.

What You'll Need

Figma (desktop or browser)

Claude Desktop (optional, for MCP)

5 minutes

Step 1: Install the Flaude Plugin

Open Figma

Go to Plugins → Browse plugins

Search "Flaude"

Click Install

That's it. You can now use Claude in Figma.

Step 2: Connect via MCP (Optional but Powerful)

MCP (Model Context Protocol) lets Claude Desktop communicate directly with Figma. This unlocks:

Bidirectional design collaboration

Context-aware suggestions

Design system learning

Setup MCP

Open your terminal and run:

npx flaude-mcp

Follow the prompts. Takes 30 seconds.

Enable in Claude Desktop

Open Claude Desktop

Go to Settings → MCP

Toggle Flaude on

Done. Claude can now see and edit your Figma files.

Step 3: Start Designing

Open any Figma file and launch Flaude from the plugins menu. Try these prompts:

"Create a login page with email and password"

"Design a pricing table with 3 tiers"

"Make a mobile app home screen"

Troubleshooting

Plugin not appearing?

Restart Figma and check you're signed in.

MCP not connecting?

Make sure Claude Desktop is running, then re-run npx flaude-mcp.

Summary

MethodSetup TimeFeaturesPlugin only1 minuteBasic AI designPlugin + MCP5 minutesFull Claude integration

---

*Related: 50 AI Design Prompts for Figma*