Connect Claude to Figma

Four steps, about a minute. It runs over a live WebSocket on your own Claude subscription, so there’s no API key, no Figma API limits and no AI credits burned.

Flaude MCP connects Claude to Figma
flaude-plugin.zip
01

Download the plugin

Grab flaude-plugin.zip and unzip it anywhere on your machine.

PluginsDevelopmentImport from manifest
02

Import it into Figma

In Figma: Plugins › Development › Import plugin from manifest → pick manifest.json from the unzipped folder.

https://flaude.app/mcp/…
03

Paste your URL into Claude

Open Flaude in Figma → Settings → copy your MCP URL, then add it in Claude under Settings › Connectors.

Claude designing inside a Figma file
04

Design with Claude

Ask Claude to build or restyle a screen. It appears on your canvas as real, editable layers.

Flaude installs from a manifest rather than the Figma Community, which is why step 2 exists. Figma keeps imported plugins in Plugins › Development, so it stays one click away in every file after the first import.

Watch the setup

The four steps above, walked through start to finish.