"How to run code using Claude Desktop" matching MCP servers:

Transforms Figma design data into a compact, LLM-friendly format for code generation, reducing size by 99.5% while preserving UI-critical information.

MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.

MCP server that enables AI agents to read, analyze, and modify Figma designs, including comment management via Figma's REST API. Works with any Figma account and supports parallel execution.

Transform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.

Injects the Code-Me brand identity, tone, and visual guidelines into LLMs with zero latency using built-in context files.

An MCP server that integrates AI agents with Figma, enabling reading and programmatic modification of designs.

Enables AI agents to directly control Figma Desktop via MCP, supporting UI creation, editing, prototyping, and variable management with over 60 tools.

This MCP server lets AI agents connect to Figma to read, analyze, create, and modify designs, including elements, styles, assets, and code generation. It works with free Figma accounts and supports parallel multi-agent use across MCP-compatible clients.

Unofficial stdio MCP proxy for Anthropic's Claude Design MCP. Enables using Claude Design with any MCP host like Cursor, Claude Code, or Codex.

Enables AI agents to read, analyze, and modify Figma designs, including bulk style updates, accessibility audits, comment triage, and code generation from designs.

Enables Claude Desktop to connect to Anthra Studio for AI-powered web design generation and multi-page suite management via the Model Context Protocol.

MCP server that parses .sketch design files into CSS-aligned, LLM-friendly JSON, enabling AI coding agents to generate high-fidelity HTML, Vue, or React code.

Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.

Enables Claude to control AutoCAD—draw, edit, query, layers, blocks, annotations, screenshots, plot to PDF—using plain language.

Extracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.

Bridges Claude Code with Claude Design, enabling sending design instructions, reading replies, and pulling generated files into the codebase.

A lightweight sketch canvas that lets users draw ideas and sync them in real-time to AI via MCP, enabling visual communication without exports.

Maps design components, tokens, and patterns to their code implementations, providing AI coding agents with exact-match resolution across any design tool and framework. Enables agents to reliably discover and reuse existing components across React, Vue, Flutter, SwiftUI, and more.

Bridges Claude Design projects into existing Claude Desktop sessions by fetching code files, chat history, and project bundles.

An MCP server that provides access to Google Gemini models via Vertex AI, enabling text generation, multi-turn chat, image/video generation, and frontend design through Claude Code.