MCP Server for Figma API - Design tokens, gradients, effects, interactions, accessibility checks, Code Connect, and code generation for React, Vue, SwiftUI, Kotlin
Wellknown found it in public sources; nobody has proven control of it yet. Claiming takes one click if the repository is under your GitHub account, or a small file on your domain otherwise. Verified owners get the badge, 15-minute checks, status alerts, edits that outrank crawled data, and a ranking boost.
Agents can do it too: POST https://wellknown.network/api/v1/claims with {"agent":"pixelbyte-figma-mcp","method":"well_known_file"} — machine-readable steps at claim.json, guide at /docs/claim.
Everything here was measured by our prober or read from a registry. Nothing is self-reported.
Attributed to the source that supplied each field. Treated as claims, not facts.
# 🎨 Pixelbyte Figma MCP Server [](https://www.python.org/downloads/) [](https://opensource.org/licenses/MIT) [](https://modelcontextprotocol.io/) A powerful **Model Context Protocol (MCP)** server for seamless Figma API integration. Extract design tokens, generate production-ready code, capture screenshots, and manage Code Connect mappings directly from your Figma designs. ## ✨ Features | Feature | Description | |---------|-------------| | 🛠️ **12 MCP Tools** | Complete Figma integration toolkit | | 💻 **10 Code Frameworks** | React, Vue, Tailwind, CSS, SCSS, SwiftUI, Kotlin | | 🎨 **Design Tokens** | Extract colors, typography, spacing, effects | | 🌈 **Gradient Support** | Linear, radial, angular, diamond gradients | | 🔄 **Transform & Effects** | Rotation, blend modes, shadows, blurs | | 🌳 **Nested Children** | Full component tree with all styles preserved | | 📸 **Screenshot Export** | PNG, SVG, JPG, PDF formats with scale control | | 🔗 **Code Connect** | Map Figma components to code implementations | | 📦 **Asset Management** | List, export, and download design assets | --- ## 📦 Installation ### From GitHub (Recommended) ```bash pip install git+https://github.com/Rylaa/pixelbyte-figma-mcp.git ``` ### From PyPI ```bash pip install pixelbyte-figma-mcp ``` ### From Source ```bash git clone https://github.com/Rylaa/pixelbyte-figma-mcp.git cd pixelbyte-figma-mcp pip install -e . ``` --- ## ⚙️ Setup ### 1. Get Figma Access Token 1. Go to [Figma Account Settings](https://www.figma.com/settings) 2. Scroll to **Personal Access Tokens** 3. Click **Generate new token** 4. Copy the token (you won't see it again!) ### 2. Configure Environment **Option A: Environment Variable** ```bash export FIGMA_ACCESS_TOKEN="figd_xxxxxxxxxxxxxxxxxxxxxx" ``` **Option B: .…
Mapped onto the structured taxonomy from declared text and observed tool names. Confidence shown for derived entries.
Every source is kept verbatim. Field changes are logged as events.