Loading MCP servers…
MCP servers
Figma
Bring design context, components, and assets from Figma into your agent workflow.
Server URL
https://mcp.figma.com/mcpAdd this URL in your MCP client's connection settings. Sign in with Figma when prompted. Your client must be supported in the Figma MCP catalog.
Official setup guideServer details
- Metadata source
- MCP Registry
- Version
- 1.0.3
- Connection
- Streamable HTTP
- Registry status
- active
- Registry name
- com.figma.mcp/mcp
- Repository
- View repository
- Registry updated
- Last refreshed
Figma Code Connect
Figma
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.
Figma Code Workflows
Figma
Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and repair imported previews. Use only when the user explicitly names editable Design layers, a runnable Code Layer, or a…
Figma Create New File
Figma
Always use this skill when the user wants to create a new Figma Design, FigJam, or Slides file. You MUST invoke this skill BEFORE every `create_new_file` tool call.
Figma Design To Code
Figma
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement…
Figma Generate Design
Figma
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen',…