figma-dev-mode

The Dev Mode MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.

Connectors
Dev tools
710

What it does and how to use it

A connector (MCP) that links Claude to an external dev tools tool or service, giving it access to real data and actions.

Install the connector (command above).
Add the service credentials/keys when asked.
Claude can now read and act on that service directly.

Install (Claude Code)

mkdir -p .claude/mcps && curl -fsSL https://doutorai.pt/data/lib/mcps__figma-dev-mode.md -o .claude/mcps/figma-dev-mode.json

Paste this command into the terminal, in your project folder, and the component installs automatically.

Content

{
    "mcpServers": {
        "Figma Dev Mode MCP": {
            "description":"The Dev Mode MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.",
            "url": "http://127.0.0.1:3845/mcp"
        }
    }
}

Need help with Claude Code?

Ask Dr AI - it explains things simply.

Need a tailor-made solution?

Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.

Save hours every week with AI, no hassle

Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.

See plans