Figma Dev Mode

About Figma Dev Mode

Figma's official Dev Mode MCP server gives an AI coding tool structured access to your selected frames, layout, variables, and components , so generated code matches the design.

Pull Figma's official design context into your IDE.

Installing Figma Dev Mode

We haven't verified a copy-paste config for this one yet. Rather than print a command we aren't sure about, here are the maintainer's own instructions.

Similar tools

GitHubLet AI manage repos, issues, and pull requests.FilesystemRead and write local files, safely scoped.GitRun git operations on a local repository.SentryPull error and performance context into the chat.JetBrainsGive the assistant context from your JetBrains IDE.CypressRun and inspect end-to-end tests from the assistant.