@design-lazyyy/figma-mcp

Name: @design-lazyyy/figma-mcp
Author: plugin87

design MCP Server

Figma MCP server — 46 tools for design system analysis, token extraction, accessibility auditing, and read/write ops via natural language. Works with Claude Desktop & Cowork.

byplugin87

VerifiedInstall Ready

designdesign

4 views5 stars1 forksv1.0.1MIT

View on GitHub

Why This Matters

Discovered via github-topic:model-context-protocol and last synced 3mo ago.

VerifiedInstall Ready

Source: github-topic:model-context-protocol
Stars: 5
Last synced: 3mo ago
Install: Instructions detected

Install

1. Install the package

npx @design-lazyyy/figma-mcp

2. Add to claude_desktop_config.json

{
  "mcpServers": {
    "-design-lazyyy-figma-mcp": {
      "command": "npx",
      "args": [
        "@design-lazyyy/figma-mcp"
      ]
    }
  }
}

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) / %APPDATA%\Claude\claude_desktop_config.json (Windows)

Tools

Resources

Prompts

Standard I/O

Transport

Available Tools (48)

Result

Meaning

figma_get_component

Get component spec

figma_rename_mode

Rename a mode

figma_set_image_fill

Set image fill

figma_arrange_component_set

Auto-arrange variants grid

figma_get_file_metadata

Get file metadata

figma_delete_comment

Delete a comment

figma_delete_variable

Delete a variable

figma_resize_node

Resize a node

figma_create_child

Create child node

figma_watch_console

Watch bridge status + logs

figma_get_file_versions

Get version history

figma_get_design_system_kit

Full design system analysis

figma_rename_variable

Rename a variable

figma_move_node

Move a node

figma_create_slot

Create a slot (content placeholder) on a component

figma_get_status

Check API + Bridge connection

figma_get_comments

Get all comments

figma_create_variable

Create a variable

figma_batch_update_variables

Batch update (max 100)

figma_delete_node

Delete a node

figma_get_console_logs

Get plugin console logs

figma_navigate

Generate deep link to node

figma_lint_design

WCAG 2.2 AA accessibility audit

figma_create_variable_collection

Create a collection

figma_set_fills

Set fill colors

figma_add_component_property

Add property (BOOLEAN/TEXT/SLOT/INSTANCE_SWAP/VARIANT)

figma_get_variables

Extract variables + multi-format export

figma_check_design_parity

Design vs code token comparison

figma_delete_variable_collection

Delete a collection

figma_set_strokes

Set strokes/borders

figma_instantiate_component

Create component instance

Tool

Description

figma_get_component_image

Render nodes as PNG/SVG/PDF/JPG

figma_execute

Run arbitrary Plugin API code

figma_batch_create_variables

Batch create (max 100)

figma_clone_node

Duplicate a node

figma_get_file_data

Get file document tree

figma_post_comment

figma_update_variable

Update variable values

figma_setup_design_tokens

Setup 3-tier token architecture

figma_rename_node

Rename a node

figma_clear_console

Clear console logs

figma_get_styles

Extract styles + code export

figma_generate_component_doc

Auto-generate component docs

figma_add_mode

Add a mode (e.g. Dark)

figma_set_text

Set text content + font

figma_set_description

Set component description

Works Well With - Skills

product-design

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.

52 starsHas guide

imagegen

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, UI mockups, product shots, or transparent-background cutouts. Use when the result should be an image asset rather than repo-native SVG, HTML/CSS, or canvas.

20 starsHas guide

demand-elegance

Challenges hacky fixes on non-trivial changes.

3 starsHas guide

refactoring-ui

Apply UI design principles from Refactoring UI by Adam Wathan & Steve Schoger. Covers visual hierarchy (size, weight, color, spacing), layout systems (spacing scales, grids), typography (type scales, line-height, alignment), color (HSL palettes, shade systems, accessible contrast), depth (shadow elevation, overlap), images (text on images, user content, icons), and finishing touches (accent borders, empty states, fewer borders). Trigger on "UI design", "visual hierarchy", "spacing system", "type scale", "color palette", "shadow", "layout", "design system", "component design", "card design", "form design", "button design", "refactoring UI", "design tokens", "dark mode", "responsive design".

2 stars

Works Well With - Agents

Baoyu Design

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.

4202 stars

Ui Craft

Design engineering skill for AI Agents — build interfaces with craft-level quality

44 stars