figma-mcp-server
24
The Figma MCP Server is a tool that interacts with Figma designs, enabling the extraction and modification of design elements through a Model Context Protocol. It offers read and write capabilities via a Figma plugin, with comprehensive testing support.
Figma MCP Server
A Model Context Protocol (MCP) server designed for interaction with Figma designs. This server allows AI to extract and modify design information using a Figma plugin.
Features
- Readonly Mode: Extract design details from Figma files via URL.
- Write Mode: Create or update designs by connecting with the Figma plugin.
- Comprehensive API: Access a variety of Figma features through a unified API.
- Testing: Includes unit and integration tests to verify functionality.
Modes
Readonly Mode
- Extract file information, node details, styles, assets, variables, component identification, and design responsiveness using a URL link.
Write Mode
- Create and update various design elements by linking with the Figma plugin.
Prerequisites
- Node.js 18 or higher.
- A Figma account and access token.
- Installed Figma MCP plugin in the Figma app.
Installation
- Clone the repository and install dependencies.
- Build the server.
Usage
- Start the server, run in development mode, or run tests (unit, integration, and plugin connection tests).
Project Structure
Organized into source code, tests, plugin, and documentation directories.