Developer Tools · Image & Video

Figma Context logo

Figma Context

1yhy/figma-context-mcp

MCP server for seamless Figma design integration with AI coding tools.

Install

npx -y @yhy2001/figma-mcp-server --stdio

Client configuration

{
  "mcpServers": {
    "Figma": {
      "command": "npx",
      "args": [
        "-y",
        "@yhy2001/figma-mcp-server",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<FIGMA_API_KEY>"
      }
    }
  }
}

Environment variables

FIGMA_API_KEYTEST_FIGMA_FILE_KEYTEST_FIGMA_NODE_ID
GitHub stars
8
Author
@1yhy
Category
Developer Tools, Image & Video
License
MIT
Updated
Oct 6, 2026

Features

  • Project Analysis - Read theme config, global styles, component library

  • Structure Analysis - Identify page patterns, component splitting strategy

  • ASCII Layout Blueprint - Generate layout diagram with component and asset annotations

  • Asset Management - Analyze, download, and organize images/icons

  • Code Generation - Generate code following project conventions

  • Accessibility Optimization - Semantic HTML, ARIA labels

  • Responsive Adaptation - Mobile layout adjustments

Tools (2)

  • get_figma_data

    Fetch simplified design data

  • download_figma_images

    Download images and icons

Details on this page are taken from the project's README. Open README

Supported clients

Clients mentioned in this server's README:

View all
Cline logo

Cline

Desktop · Free · MIT

An AI coding assistant integrated into the IDE. Supports MCP servers for enhanced functionality.

WindowsMacOSLinux
Cursor logo

Cursor

Desktop · Freemium · Proprietary

The first agentic IDE. The Cursor editor truly merges how developers and AI work together, delivering a magical coding experience.

WindowsMacOSLinux
Windsurf logo

Windsurf

Desktop · Freemium · Proprietary

The first agentic IDE. The Windsurf editor truly merges how developers and AI work together.

WindowsMacOSLinux

Related MCP servers

More servers
Playwright logo

Playwright

microsoft/playwright

72.2k

Playwright is a framework for web automation and testing. It drives Chromium, Firefox, and WebKit with a single API — in your tests, in your scripts, and as a tool for AI agents.

Developer Tools
repomix logo

repomix

yamadashy/repomix

15.2k

Repomix is a tool that packs a codebase into an AI-friendly format, supporting local and remote repository processing and providing code compression, security checks and multiple output formats.

Developer Tools
UI-TARS-desktop logo

UI-TARS-desktop

bytedance/UI-TARS-desktop

12.9k

TARS is ByteDance's multimodal AI agent stack, shipping two projects: Agent TARS (a CLI and Web UI agent built on MCP) and UI-TARS-desktop (a desktop GUI agent).

Developer Tools
blender logo

blender

ahujasid/blender-mcp

10.6k

formerly blender-mcp — the PyPI package is now mcp-for-blender. Existing setups keep working; no config change is required. Read more.

Developer Tools
Playwright Browser Automation logo

Playwright Browser Automation

microsoft/playwright-mcp

9.2k

A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.

Developer Tools
2344 logo

2344

comet-ml/opik

7k

Opik is the open-source LLM observability and evaluation platform for AI agent tracing, LLM evaluation, prompt management, and production monitoring. Built by Comet. Apache-2.0 licensed, free to self-host the full platform, with 20,000+ GitHub stars.

Developer Tools