Figma
Integrates the Figma API to provide both a RESTful interface and an MCP server, enabling seamless design data access and automated code generation for AI assistants.
概要
Figma is a dual-purpose server designed to significantly enhance development speed by bridging Figma designs with development workflows. It offers a robust REST API for web applications, allowing easy access to Figma file data, comments, and images. Simultaneously, it functions as a Model Context Protocol (MCP) server, integrating directly with AI assistants like Cursor to facilitate advanced capabilities, including automatically generating production-ready React, Vue, or HTML/CSS code directly from Figma nodes. This tool empowers developers to quickly prototype, analyze designs, and automate front-end code creation directly from their design source.
主な機能
- Dual-purpose server: REST API for web apps and MCP server for AI assistants
- Generate React, Vue, or HTML/CSS code directly from Figma nodes
- Access comprehensive Figma API tools: file data, node analysis, image export, comments
- REST API web interface with real-time request monitoring and IP privacy
- Configurable Figma API tokens and optional Supabase for persistent request history
- 0 GitHub stars
ユースケース
- Automating front-end code generation from Figma designs using AI assistants like Cursor
- Integrating Figma design data and assets into custom web applications via a REST API
- Streamlining design-to-development workflows by analyzing Figma files and extracting design information