# Feuse (Figma Design-to-Code)

> Use this tool when you need to automate frontend development and bridge the gap between design and code, solving problems such as manual design translation and inconsistent design implementation. It takes Figma design files as input and generates API code, DSL format, and CSS framework configurations as output, streamlining design-to-code workflows and design system maintenance. Ideal for web developers and designers seeking to integrate Figma designs with frontend development processes, it provides a comprehensive solution for automated design implementation and standards management.

Canonical page: https://skillsregistry.net/skills/panzer-jack-feuse  
JSON: https://api.skillsregistry.net/v1/skills/panzer-jack-feuse

## Description

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.

## Trust

- **Trust score (0–1):** 0.83
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** ai-ml
- **Updated:** 2026-09-19

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/panzer-jack-feuse)
- **Repository:** <https://github.com/panzer-jack/feuse-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "panzer-jack-feuse"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/panzer-jack-feuse` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/panzer-jack-feuse/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt