Figma

Implement Designmcp-server-guide

Turn Figma designs into pixel perfect code automatically

Figma Usemcp-server-guide

Run JavaScript in Figma to programmatically create and edit design elements

Figma Implement Designmcp-server-guide

Turn Figma designs into pixel-perfect code with one simple workflow

Figma Generate Designmcp-server-guide

Build Figma screens from code using your design system components and tokens

Figma Generate Librarymcp-server-guide

Build a design system in Figma from your code with step-by-step guidance

Figma Create New Filemcp-server-guide

Create a new blank Figma file for design, FigJam, or slides

Figma Code Connectmcp-server-guide

Map Figma components to code snippets with Code Connect templates

Figma Create Design System Rulesmcp-server-guide

Generate custom design system rules that guide AI agents for consistent Figma-to-code output

Create Design System Rulesmcp-server-guide

Create custom design system rules to guide AI agents in Figma code implementation

Figma Generate Diagrammcp-server-guide

Generate clear FigJam diagrams from plain descriptions with Mermaid syntax

Figma Use Figjammcp-server-guide

Guide AI agents to inspect create edit FigJam boards with Figma MCP

Code Connect Componentsmcp-server-guide

Link Figma design components directly to matching code components quickly