Huolala Figma MCP Skill

Skill by ara.so — MCP Skills collection.

Huolala Figma MCP is an open-source MCP service that automatically converts Figma designs into high-fidelity UI code. Built on FastMCP, it exposes MCP tools to AI clients (Cursor, Claude, Qorder, etc.) and returns a ZIP package containing index.html, sliced images, fonts, and DSL data that can be further converted to React, Vue, Swift, Kotlin, React Native, and more.

Key features:

• High fidelity: Cleans redundant layers, recognizes red-dot badges, system bars, home bars
• Advanced layout: Distributed alignment, center alignment, linear layout, overlapping layout, list detection, auto text sizing
• Extensible: DSL processor pipeline with priority registry; custom Skills for platform-specific workflows
• Visual fidelity: Optional VLM multimodal support for complex UI recognition

Installation

Prerequisites

• Python 3.11 or higher
• Figma Personal Access Token (get one here)

Setup