# figma-bridge

> Use this tool when you need to convert Figma design nodes into structured DSL and generate Vue 3, React, or HTML component code. It solves the problem of manual code translation from design files, streamlining the development process. The tool takes Figma design data as input and outputs structured code, making it ideal for frontend developers and designers working together on projects.

Canonical page: https://skillsregistry.net/skills/wjuliein-dotcom-figma-bridge  
JSON: https://api.skillsregistry.net/v1/skills/wjuliein-dotcom-figma-bridge

## Description

基于MCP协议的工具，用于从Figma获取设计节点数据并转换为结构化DSL，辅助生成Vue 3 / React / HTML组件代码。

## Trust

- **Trust score (0–1):** 0.69
- **Verification tier:** scanned
- **Last scanned:** 2026-08-30

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-08-30

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/qdyt5527wk)
- **Repository:** <https://github.com/wjuliein-dotcom/figma-bridge>

## 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": "wjuliein-dotcom-figma-bridge"
    }
  }
}
```

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