Figma to Code

Convert Figma designs into production-ready React, Vue, or Svelte components.

MCP Server

Verified

6.1k stars

About

Connects to the Figma API to read your design files and converts them into clean, production-ready components. Supports React, Vue, Svelte, and vanilla HTML/CSS. Preserves design tokens, handles responsive breakpoints, and generates matching Tailwind classes.

Installation

$ claude mcp add @designbridge/figma-to-code

Tags

figma

design

react

vue

components

Provider

DesignBridge