{"$schema":"https://wellknown.network/schemas/agent-record-v1.json","schemaVersion":"1","id":"ag_cxzy9gc8r7rr","handle":"pixelbyte-figma-mcp","url":"https://wellknown.network/agents/pixelbyte-figma-mcp","links":{"self":"https://wellknown.network/agents/pixelbyte-figma-mcp/record.json","html":"https://wellknown.network/agents/pixelbyte-figma-mcp","markdown":"https://wellknown.network/agents/pixelbyte-figma-mcp/record.md","api":"https://wellknown.network/api/v1/agents/pixelbyte-figma-mcp","status":"https://wellknown.network/api/v1/agents/pixelbyte-figma-mcp/status","claim":"https://wellknown.network/agents/pixelbyte-figma-mcp/claim","claimApi":"https://wellknown.network/api/v1/claims","claimDescriptor":"https://wellknown.network/agents/pixelbyte-figma-mcp/claim.json","badge":"https://wellknown.network/agents/pixelbyte-figma-mcp/badge.svg","openapi":"https://wellknown.network/openapi.json","history":"https://wellknown.network/api/v1/agents/pixelbyte-figma-mcp/history","tools":"https://wellknown.network/api/v1/agents/pixelbyte-figma-mcp/tools"},"ard":{"identifier":"urn:air::server:pixelbyte-figma-mcp","type":"application/mcp-server-card+json"},"kind":"mcp_server","declared":{"name":"pixelbyte-figma-mcp","summary":"MCP Server for Figma API - Design tokens, gradients, effects, interactions, accessibility checks, Code Connect, and code generation for React, Vue, SwiftUI, Kotlin","description":"# 🎨 Pixelbyte Figma MCP Server\n\n[![Python 3.10+](https://img.shields.io/badge/python-3.10+-blue.svg)](https://www.python.org/downloads/)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![MCP](https://img.shields.io/badge/MCP-Compatible-green.svg)](https://modelcontextprotocol.io/)\n\nA 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.\n\n## ✨ Features\n\n| Feature | Description |\n|---------|-------------|\n| 🛠️ **12 MCP Tools** | Complete Figma integration toolkit |\n| 💻 **10 Code Frameworks** | React, Vue, Tailwind, CSS, SCSS, SwiftUI, Kotlin |\n| 🎨 **Design Tokens** | Extract colors, typography, spacing, effects |\n| 🌈 **Gradient Support** | Linear, radial, angular, diamond gradients |\n| 🔄 **Transform & Effects** | Rotation, blend modes, shadows, blurs |\n| 🌳 **Nested Children** | Full component tree with all styles preserved |\n| 📸 **Screenshot Export** | PNG, SVG, JPG, PDF formats with scale control |\n| 🔗 **Code Connect** | Map Figma components to code implementations |\n| 📦 **Asset Management** | List, export, and download design assets |\n\n---\n\n## 📦 Installation\n\n### From GitHub (Recommended)\n\n```bash\npip install git+https://github.com/Rylaa/pixelbyte-figma-mcp.git\n```\n\n### From PyPI\n\n```bash\npip install pixelbyte-figma-mcp\n```\n\n### From Source\n\n```bash\ngit clone https://github.com/Rylaa/pixelbyte-figma-mcp.git\ncd pixelbyte-figma-mcp\npip install -e .\n```\n\n---\n\n## ⚙️ Setup\n\n### 1. Get Figma Access Token\n\n1. Go to [Figma Account Settings](https://www.figma.com/settings)\n2. Scroll to **Personal Access Tokens**\n3. Click **Generate new token**\n4. Copy the token (you won't see it again!)\n\n### 2. Configure Environment\n\n**Option A: Environment Variable**\n```bash\nexport FIGMA_ACCESS_TOKEN=\"figd_xxxxxxxxxxxxxxxxxxxxxx\"\n```\n\n**Option B: .…","publisher":null,"homepage":"https://github.com/nicepixelbyte/pixelbyte-figma-mcp","repository":"https://github.com/nicepixelbyte/pixelbyte-figma-mcp","version":"3.3.1","license":"MIT","protocols":["mcp"],"tags":["code-connect","code-generation","design-tokens","figma","kotlin","mcp","model-context-protocol","react","swiftui","tailwind"],"pricing":null,"endpoints":[{"url":"pypi:pixelbyte-figma-mcp","type":"package_pypi","auth":null,"probeable":false}],"skills":null,"tools":null,"extra":null,"attribution":{"kind":"pypi","name":"pypi","license":"pypi","repoUrl":"pypi","summary":"pypi","version":"pypi","description":"pypi","homepageUrl":"pypi"}},"derived":{"capabilities":[{"slug":"code.generation","name":"Code Generation","confidence":1,"provenance":"derived"},{"slug":"media.3d","name":"3D & Design","confidence":1,"provenance":"declared"},{"slug":"dev.version-control","name":"Version Control","confidence":0.745,"provenance":"derived"}],"categories":["code","dev","media"],"language":"en"},"observed":{"status":"unknown","statusReason":"Distributed as a package to run locally; no network endpoint to check.","lastOkAt":null,"lastProbedAt":null,"statusComputedAt":null,"reliability30d":null,"latestObservations":[],"tools":null,"package":{"name":"pixelbyte-figma-mcp","registry":"pypi","observedAt":"2026-10-22T17:25:20.721Z","publishedAt":"2026-02-14T22:40:33.541655Z","latestVersion":"3.3.1"},"toolSurface":null,"endpointFacts":[]},"verification":{"claimed":false,"claimedAt":null,"proofs":[]},"provenance":{"sources":[{"source":"pypi","key":"pixelbyte-figma-mcp","url":"https://pypi.org/project/pixelbyte-figma-mcp/","firstSeenAt":"2026-09-10T09:26:29.639Z","fetchedAt":"2026-10-22T17:23:58.722Z","normalizedAt":"2026-10-22T17:23:58.722Z"}]},"firstSeenAt":"2026-09-10T09:26:29.639Z","updatedAt":"2026-10-22T17:25:20.721Z"}