mcp-server-guide

A guide on how to use the Figma MCP server

npx skills add figma/mcp-server-guide -g -y

19 skills

Figma Code Connect

Creates and maintains Figma Code Connect template files that map Figma components to...

figma/mcp-server-guide2.1k

Figma Code Workflows

Import or upload local HTML or project files into Figma, choose editable Design frames...

figma/mcp-server-guide2.1k

Figma Create New File

Always use this skill when the user wants to create a new Figma Design, FigJam, or...

figma/mcp-server-guide2.1k

Figma Design To Code

**MANDATORY prerequisite**, you MUST invoke this skill BEFORE calling the...

figma/mcp-server-guide2.1k

Figma Generate Design

Use this skill alongside figma-use when the task involves translating an application...

figma/mcp-server-guide2.1k

Figma Generate Design

Use this skill alongside figma-use when the task involves translating an application...

figma/mcp-server-guide2.1k

Figma Generate Diagram

MANDATORY prerequisite, load this skill BEFORE every `generate_diagram` tool call.

figma/mcp-server-guide2.1k

Figma Generate Library

Build or update a professional-grade design system in Figma from a codebase.

figma/mcp-server-guide2.1k

Figma Generative Plugins

**MANDATORY prerequisite**, load this skill before calling `create_generative_plugin`...

figma/mcp-server-guide2.1k

Figma Implement Motion

Translates Figma motion and animations into production-ready application code.

figma/mcp-server-guide2.1k

Figma Shaders

**MANDATORY prerequisite**, load this skill before calling `create_shader` or...

figma/mcp-server-guide2.1k

Figma Spec

Is required to create, read, edit, review, or comment on Figma specs.

figma/mcp-server-guide2.1k

Figma Swiftui

SwiftUI ↔ Figma translation.

figma/mcp-server-guide2.1k

Figma Use Figjam

Helps agents use Figma's use_figma MCP tool in the FigJam context.

figma/mcp-server-guide2.1k

Figma Use Motion

Motion / animation context for the `use_figma` MCP tool, animating Figma nodes via...

figma/mcp-server-guide2.1k

Figma Use Motion

Motion / animation context for the `use_figma` MCP tool, animating Figma nodes via...

figma/mcp-server-guide2.1k

Figma Use Slides

Helps agents use Figma's use_figma MCP tool in the Slides context.

figma/mcp-server-guide2.1k

Generate Project Plan

Generate a FigJam project plan board from a PRD plus codebase context.

figma/mcp-server-guide2.1k

Video Interaction Mapper

Should be used when the user asks to analyze a UI screen recording and map interaction...

figma/mcp-server-guide2.1k