figma

@figma

GitHub

Run @figma's plugins in your agent.

Install one, then just prompt in plain English. The FLOW.md fires the right skill at the right moment. No re-orchestration, no babysitting.

Browse @figma's plugins See the full library

Flowy

Plugins Skills Commands Agents Hooks MCP

Plugins

Plugin

Development

figma

The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. Rate limits apply to Figma MCP server tools that read data from Figma.

12 skills1.9k

@figmaView Plugin

Skills

12See all 12 →

Skill

Development

figma-code-connect

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component…

figma4d1.9k

@figmaView Skill

Skill

Development

figma-create-new-file

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading this…

figma4d1.9k

@figmaView Skill

Skill

Development

figma-design-to-code

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user…

figma4d1.9k

@figmaView Skill

Skill

Development

figma-generate-design

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to…

figma4d1.9k

@figmaView Skill

Skill

Development

figma-generate-diagram

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first.…

figma4d1.9k

@figmaView Skill

Skill

Development

figma-generate-library

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries,…

figma4d1.9k

@figmaView Skill

MCP server

figma