Figma Pro

Integrates with Figma API to retrieve design files, extract design tokens and CSS properties, process designer comments for implem

artemsvit 27 ↓ 27k
Claude CodeClaude DesktopGeneric
View source ↗

This MCP server provides AI-powered design-to-code conversion by integrating with the Figma API to retrieve design data, process designer comments, and download assets for automated implementation. Built by Artem Svitelskyi using TypeScript with comprehensive framework support for 10 platforms (React, Vue, Angular, Svelte, HTML, SwiftUI, UIKit, Electron, Tauri, NW.js), it offers tools for fetching Figma files with enhanced context processing, extracting design tokens and CSS properties, matching designer comments to specific nodes for implementation instructions, and downloading assets with intelligent path resolution. The implementation features advanced semantic analysis for UI component detection, accessibility information generation, responsive breakpoint extraction, and framework-specific optimization rules with implementation guidelines, making it valuable for developers who want AI assistance in accurately translating Figma designs into production-ready code across web, mobile, and desktop platforms.

Source

Repository: https://github.com/artemsvit/figma-mcp-pro

Maintain Figma Pro?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

Figma Pro on getagentictools
[![Figma Pro on getagentictools](https://getagentictools.com/badge/mcp/artemsvit-figma-mcp-pro.svg)](https://getagentictools.com/mcp/artemsvit-figma-mcp-pro?ref=badge)