Claude Desktop
Desktop · Freemium · Proprietary
Anthropic's official Claude AI desktop application. Supports MCP servers to extend functionality.
WindowsMacOS
Developer Tools · Image & Video
Figma MCP Pro
artemsvit/figma-mcp-pro
Professional Model Context Protocol (MCP) server for AI-optimized Figma design analysis. Clean 5-step workflow for comprehensive design-to-code conversion with smart comment processing and asset downloads.
Install
npm install -g figma-mcp-proClient configuration
{
"mcpServers": {
"Figma MCP PRO": {
"command": "npx",
"args": [
"figma-mcp-pro@latest",
"--figma-api-key",
"<value>"
],
"env": {
"DEBUG": "<DEBUG>"
}
}
}
}- Author
- @artemsvit
- Category
- Developer Tools, Image & Video
- License
- MIT
- Updated
- Oct 6, 2026
Features
5-Step Workflow: Framework selection → Design data → Comments → Assets → Reference analysis
AI-Optimized: Structured data specifically formatted for AI code generation
10 Framework Support: React, Vue, Angular, Svelte, HTML/CSS/JS, SwiftUI, UIKit, Electron, Tauri, NW.js
Smart Comments: Coordinate-based matching of designer comments to UI elements
Asset Downloads: Batch download with original Figma export settings
CSS Generation: Automatic CSS from Figma properties (padding, margins, borders, effects)
Tools (5)
show_frameworks
Shows available frameworks.
get_figma_data
Extracts AI-optimized design data with framework-specific processing.
process_design_comments
Matches designer comments to design elements with AI implementation prompts.
download_design_assets
Downloads export-ready assets with original Figma settings + reference image.
check_reference
Analyzes reference.png for design understanding and development guidance.
Details on this page are taken from the project's README. Open README
Supported clients
Clients mentioned in this server's README:
Cursor
Desktop · Freemium · Proprietary
The first agentic IDE. The Cursor editor truly merges how developers and AI work together, delivering a magical coding experience.
Windsurf
Desktop · Freemium · Proprietary
The first agentic IDE. The Windsurf editor truly merges how developers and AI work together.
VS Code GitHub Copilot
Desktop · Freemium · MIT
VS Code integrates MCP with GitHub Copilot through agent mode, allowing direct interaction with MCP-provided tools in your agentic coding workflow. Configure servers in Claude Desktop, workspace, or user settings, with guided MCP installation and secure handling of secrets in input variables to avoid leaking hardcoded keys.
Related MCP servers
Playwright
microsoft/playwright
Playwright is a framework for web automation and testing. It drives Chromium, Firefox, and WebKit with a single API — in your tests, in your scripts, and as a tool for AI agents.
repomix
yamadashy/repomix
Repomix is a tool that packs a codebase into an AI-friendly format, supporting local and remote repository processing and providing code compression, security checks and multiple output formats.
UI-TARS-desktop
bytedance/UI-TARS-desktop
TARS is ByteDance's multimodal AI agent stack, shipping two projects: Agent TARS (a CLI and Web UI agent built on MCP) and UI-TARS-desktop (a desktop GUI agent).
blender
ahujasid/blender-mcp
formerly blender-mcp — the PyPI package is now mcp-for-blender. Existing setups keep working; no config change is required. Read more.
Playwright Browser Automation
microsoft/playwright-mcp
A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.
2344
comet-ml/opik
Opik is the open-source LLM observability and evaluation platform for AI agent tracing, LLM evaluation, prompt management, and production monitoring. Built by Comet. Apache-2.0 licensed, free to self-host the full platform, with 20,000+ GitHub stars.