mohammeduvaiz_figma-mcp-server

mohammeduvaiz_figma-mcp-server

0
browser_automationdeveloper_toolsai_chatbot

Figma MCP Server is a Model Context Protocol server that integrates with Figma's API. It allows AI tools and large language models to work with Figma designs by extracting data, analyzing design systems, and connecting to AI tools. It provides seamless integration with platforms like Claude and Cursor.

Figma MCP Server

A Model Context Protocol (MCP) server that connects to Figma's API, allowing AI tools and LLMs to access and work with your Figma designs.

Features

  • Design Data Extraction: Extract components, styles, and text from your Figma designs
  • Design System Analysis: Analyze design system consistency and patterns
  • UI Content Management: Extract and organize all UI copy from designs
  • Development Handoff: Generate comprehensive documentation for developers
  • Seamless AI Integration: Connect your designs to AI tools like Claude, Cursor, and other MCP-compatible clients

Getting Started

Prerequisites

  • Node.js 16 or higher
  • Figma Personal Access Token (Get it from your Figma account settings)

Available Tools

  • get-file-info
  • get-nodes
  • get-components
  • get-styles
  • get-comments
  • search-file
  • extract-text

Available Prompts

  • analyze-design-system
  • extract-ui-copy
  • generate-dev-handoff

Environment Variables

  • FIGMA_API_TOKEN
  • API_KEY
  • TRANSPORT_TYPE
  • PORT