Figma UI

Bidirectional Figma integration that enables drawing UI with code and reading designs as structured data.

tranhoaihung 219 ↓ 2k
Claude CodeClaude DesktopGeneric
View source ↗

Bidirectional Figma MCP bridge that enables drawing UI directly in Figma using JavaScript code and reading existing designs back as structured data or code. Features write operations for creating frames, shapes, text, components, and design tokens, plus read operations for extracting node trees, colors, typography, and screenshots. Requires Figma Desktop and operates through localhost HTTP bridge for security.

Source

Repository: https://github.com/tranhoaihung/figma-ui-mcp

Maintain Figma UI?

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

Figma UI on getagentictools
[![Figma UI on getagentictools](https://getagentictools.com/badge/mcp/tranhoaihung-figma-ui-mcp.svg)](https://getagentictools.com/mcp/tranhoaihung-figma-ui-mcp?ref=badge)