- Conduid
- Marketplace
- #design-to-code
MCP servers tagged design-to-code
60 live MCP servers tagged "design-to-code", ranked by trust score. Tags come from package metadata and repository topics, so this list covers servers across every category that work with design-to-code.
Penpot Design Platform 2026
Design and prototype web interfaces using this open-source platform. Host your own instances and collaborate through standards-based tools for faster workflows.
PixelRosetta
High-fidelity Sketch-to-code for AI agents. Generate structured Vue, React, HTML, native assets, and implementation specs via MCP, CLI, and plugins.
Open Figma MCP
Open-source Figma MCP server with REST reads, a companion canvas-write plugin, design tokens, multi-framework codegen, a desktop app, and no Dev Mode seat or telemetry.
The Forge
A Figma-style design mode for your live app that hands its edits to Claude Code, Cursor, or Codex
Figma Agent Skills
Portable AI Agent Skills for Figma: read-only page, design file, and design system audits, plus design system remediation, safe Auto Layout conversion, and wrapper nesting cleanup…
Figma Query
Token-efficient Figma MCP server with image export, query DSL, and design token support
Figma Clipboard Design MCP
Turns Figma clipboard data (layers, layout, fills, text, vector paths) into a local MCP server for AI: view-seat friendly, zero API quota, zero deps.
Paper Snapshot Skills
Agent skills for getting a live web app into Paper as editable layers — Paper Snapshot capture, DOM capture, and a text-diff gate that must hit zero.
Figma Deep Dive
Claude Code plugin that extracts distilled, structured specs from Figma node IDs via the figma-console MCP — keeps main-context token usage low while producing reliable spec repor…
Figma Layout Guard
Verifiable Figma-to-code workflow with raw API semantics, CSS translation, and risk checks.