Figma Dev Mode MCP Server

Pull design context (code, variables, screenshots) from Figma into your client.

figma.com

5 tools, all read-onlyget_design_context, get_variable_defs, get_screenshot, get_code_connect_map and 1 more

Open Tools →

Description

Figma's official MCP server gives an LLM coding agent structured access to a Figma selection: generated code, design variables and styles, layout metadata, screenshots, and Code Connect component mappings — and can write back to the canvas. Data extraction is deterministic; codegen quality depends on the connected client's LLM.

Get this server

Connect this server over MCP — the full setup, client steps and any keys, is on the Setup tab.

View setup

What we can prove

Capability: This listing points at a server the provider runs — you connect to it directly with the provider's own sign-in.
Guaranteed: A person at FindAgent reviewed this listing before publishing it. There is no automated code scan — the server runs on the provider’s own infrastructure, so there is no FindAgent-side code to scan.

These are facts derived from the manifest, not a score and not a badge.

Server details

Hosted