Figma to Code

Name: Figma to Code
Author: f2c-ai

Convert Figma designs into clean HTML u0026 CSS with customizable file paths and organization—fast, accurate code generation

Installation

Paste the snippet below into your client's config.

Installation

Quick info

Category: Developer Tools
Transport: STDIO
License: MIT
GitHub stars: 388
Views: 561

Compatible with

Claude Code
Claude Desktop
codex
Cursor
gemini-cli
VS Code
Windsurf

GitHub repo

Found in: mcp.directory

Overview

Bridges Figma design files to code generation, enabling direct conversion of designs into HTML, CSS, and other assets with customizable output paths and file organization.

Related servers

BugBug

by simplypixi

Manage browser tests and suites with BugBug's software automation tester, headless browsers, and real-time error reporti

28,138Claude CodeClaude Desktopcodex

Spec Workflow MCP

by pimzino

Structured spec-driven development workflow for AI-assisted software development. Creates detailed specifications before

4,147Claude DesktopCursorVS Code

Official

Repomix

by yamadashy

Optimize your codebase for AI with Repomix—transform, compress, and secure repos for easier analysis with modern AI tool

24,026Claude CodeClaude Desktopcodex

Official

Laravel Boost

by laravel

Official Laravel-focused MCP server for augmenting AI-powered local development. Provides deep context about your Larave

3,439

Official

XcodeBuild MCP

by sentry

By Sentry. MCP server and CLI that provides tools for AI agents working on iOS and macOS Xcode projects. Build, test, li

5,350Claude DesktopCursorVS Code

JsonDiffPatch

by benjamine

JsonDiffPatch: compare and patch JSON with a compact delta format capturing additions, edits, deletions, and array moves

5,303Claude CodeClaude Desktopcodex