# Figma UI

> Use this tool when you need to streamline UI design and development by creating and editing user interfaces directly in Figma using JavaScript code. It solves problems of manual design translation and synchronization by reading existing designs back as structured data or code, and enables features like automated design token generation and screenshot extraction. Ideal for designers and developers working together on UI projects, it provides a secure localhost HTTP bridge for bidirectional design and code integration.

Canonical page: https://skillsregistry.net/skills/gh-tranhoaihung-figma-ui  
JSON: https://api.skillsregistry.net/v1/skills/gh-tranhoaihung-figma-ui

## Description

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.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** security
- **Updated:** 2026-09-28

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/gh-tranhoaihung-figma-ui)
- **Repository:** <https://github.com/tranhoaihung/figma-ui-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": "gh-tranhoaihung-figma-ui"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/gh-tranhoaihung-figma-ui` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/gh-tranhoaihung-figma-ui/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