Feuse (Figma Design-to-Code)

Automates Figma design-to-code workflows by extracting design data, downloading SVG assets, analyzing color variables, and generat

panzer-jack 38 ↓ 8.1k
Claude CodeClaude DesktopGeneric
View source ↗

This MCP server provides frontend development automation tools built by Panzer-Jack, specializing in Figma design integration and API code generation for web developers. The implementation offers comprehensive Figma API access for extracting design data, downloading SVG assets, analyzing color variables, and converting designs into structured DSL format, alongside utilities for automated API model generation, project standards management, and visual similarity analysis using screenshot comparison. Built with TypeScript and Express, it integrates with the Figma REST API and includes prompt-driven tools for extracting design tokens into various CSS framework configurations (UnoCSS, TailwindCSS, CSS Variables), making it valuable for design-to-code workflows, design system maintenance, and automating the bridge between design tools and frontend development processes.

Source

Repository: https://github.com/panzer-jack/feuse-mcp

Maintain Feuse (Figma Design-to-Code)?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

Feuse (Figma Design-to-Code) on getagentictools
[![Feuse (Figma Design-to-Code) on getagentictools](https://getagentictools.com/badge/mcp/panzer-jack-feuse-mcp.svg)](https://getagentictools.com/mcp/panzer-jack-feuse-mcp?ref=badge)