Mcp Server Guide

Implement Design

Turn Figma designs into pixel perfect code automatically

Figma Use

Run JavaScript in Figma to programmatically create and edit design elements

Figma Implement Design

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

Figma Generate Design

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

Figma Generate Library

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

Figma Create New File

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

Figma Code Connect

Map Figma components to code snippets with Code Connect templates

Figma Create Design System Rules

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

Create Design System Rules

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

Figma Generate Diagram

Generate clear FigJam diagrams from plain descriptions with Mermaid syntax

Figma Use Figjam

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

Code Connect Components

Link Figma design components directly to matching code components quickly