能力标签
🔌
MCP工具

Figma-To-Unity

基于 TypeScript · 让 AI 助手直接操作你的系统与工具
英文名:figma-to-unity
⭐ 13 Stars 💻 TypeScript 📄 MIT 🏷 AI 7.5分
7.5AI 综合评分
mcptypescript
✦ AI Skill Hub 推荐

经 AI Skill Hub 精选评估,Figma-To-Unity 获评「推荐使用」。这款MCP工具在功能完整性、社区活跃度和易用性方面表现出色,AI 评分 7.5 分,适合有一定技术背景的用户使用。

📚 深度解析
Figma-To-Unity 是一款基于 MCP(Model Context Protocol)标准协议的 AI 工具扩展。MCP 协议由 Anthropic 开发并开源,旨在建立 AI 模型与外部工具之间的标准化通信接口,目前已被 Claude Desktop、Claude Code、Cursor 等主流 AI 工具采纳。

通过安装 Figma-To-Unity,你的 AI 助手将获得额外的工具调用能力,可以用自然语言直接操控该工具的功能,无需学习复杂的命令行语法。MCP 工具的核心价值在于"一次配置,永久增强"——配置完成后,每次与 AI 对话时都可以无缝调用这些工具。

在技术实现上,MCP 工具通过标准的 JSON-RPC 协议与 AI 客户端通信,工具的功能以"工具列表"的形式暴露给 AI 模型,AI 可以按需调用。Figma-To-Unity 提供了结构化的工具调用接口,使 AI 模型能够精确地理解和使用每个功能点,显著降低 AI 在工具使用上的错误率。

与传统的 API 集成相比,MCP 工具的优势在于无需编写代码——用户只需在配置文件中添加几行 JSON,即可让 AI 获得全新能力。AI Skill Hub 将 Figma-To-Unity 评为 AI 评分 7.5 分,属于同类工具中的优质选择。
📋 工具概览

Figma-To-Unity — Standalone Tool + MCP with AI Bonus,帮助开发者快速将Figma设计转换为Unity游戏中的UI元素。

Figma-To-Unity 是一款遵循 MCP(Model Context Protocol)标准协议的 AI 工具扩展。通过 MCP 协议,它可以让 Claude、Cursor 等主流 AI 客户端直接访问和操作外部工具、数据源和服务,实现 AI 能力的无缝扩展。无论是文件操作、数据库查询还是 API 调用,都可以通过自然语言在 AI 对话中直接触发,极大提升生产效率。

GitHub Stars
⭐ 13
开发语言
TypeScript
支持平台
Windows / macOS / Linux
维护状态
轻量级项目,按需更新
开源协议
MIT
AI 综合评分
7.5 分
工具类型
MCP工具
Forks
📖 中文文档
以下内容由 AI Skill Hub 根据项目信息自动整理,如需查看完整原始文档请访问底部「原始来源」。

Figma-To-Unity — Standalone Tool + MCP with AI Bonus,帮助开发者快速将Figma设计转换为Unity游戏中的UI元素。

Figma-To-Unity 是一款遵循 MCP(Model Context Protocol)标准协议的 AI 工具扩展。通过 MCP 协议,它可以让 Claude、Cursor 等主流 AI 客户端直接访问和操作外部工具、数据源和服务,实现 AI 能力的无缝扩展。无论是文件操作、数据库查询还是 API 调用,都可以通过自然语言在 AI 对话中直接触发,极大提升生产效率。

📌 核心特色
  • 通过标准 MCP 协议与 Claude、Cursor 等主流 AI 客户端深度集成
  • 提供结构化工具调用接口,显著降低 AI 集成复杂度
  • 支持 Claude Desktop 和 Claude Code 无缝接入,开箱即用
  • 可与其他 MCP 工具组合叠加,构建完整 AI 工作站
  • 轻量无侵入设计,不影响现有系统架构
🎯 主要使用场景
  • 在 Claude Desktop 对话中直接调用本地工具,实现 AI 与系统的深度联动
  • 通过自然语言驱动复杂的多步骤自动化任务,代替繁琐手动操作
  • 将多个 MCP 工具组合使用,构建个人专属 AI 工作站
以下安装命令基于项目开发语言和类型自动生成,实际以官方 README 为准。
安装命令
# 方式一:通过 Claude Code CLI 一键安装
claude skill install https://github.com/zasuozz-oss/figma-to-unity

# 方式二:手动配置 claude_desktop_config.json
{
  "mcpServers": {
    "figma-to-unity": {
      "command": "npx",
      "args": ["-y", "figma-to-unity"]
    }
  }
}

# 配置文件位置
# macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
# Windows: %APPDATA%/Claude/claude_desktop_config.json
📋 安装步骤说明
  1. 确认已安装 Node.js(v18 或以上版本)
  2. 打开 Claude Desktop 或 Claude Code 的 MCP 配置文件
  3. 按「交给 Agent 安装 → Claude Desktop」标签中的 JSON 配置填入 mcpServers 字段
  4. 保存配置文件并重启 Claude 客户端
  5. 重启后,在对话中即可使用本工具
以下用法示例由 AI Skill Hub 整理,涵盖最常见的使用场景。
常用命令 / 代码示例
# 安装后在 Claude 对话中直接使用
# 示例:
用户: 请帮我用 Figma-To-Unity 执行以下任务...
Claude: [自动调用 Figma-To-Unity MCP 工具处理请求]

# 查看可用工具列表
# 在 Claude 中输入:"列出所有可用的 MCP 工具"
以下配置示例基于典型使用场景生成,具体参数请参照官方文档调整。
配置示例
// claude_desktop_config.json 配置示例
{
  "mcpServers": {
    "figma-to-unity": {
      "command": "npx",
      "args": ["-y", "figma-to-unity"],
      "env": {
        // "API_KEY": "your-api-key-here"
      }
    }
  }
}

// 保存后重启 Claude Desktop 生效
📑 README 深度解析 真实文档 完整度 70/100 查看 GitHub 原文 →
以下内容由系统直接从 GitHub README 解析整理,保留代码块、表格与列表结构。

简介

<p align="center"> <h1 align="center">Figma → Unity</h1> <p align="center"> Automated Figma-to-Unity UI converter with AI-powered MCP Bridge <br /> <strong>🌐 <a href="README.vi.md">Tiếng Việt</a> · <a href="README.zh.md">中文</a></strong> <br /> <br /> <a href="#-quick-start">Quick Start</a> · <a href="#-features">Features</a> · <a href="https://github.com/zasuozz-oss/figma-to-unity/issues">Report Bug</a> · <a href="https://github.com/zasuozz-oss/figma-to-unity/issues">Request Feature</a> </p> </p>

<p align="center"> <a href="https://github.com/zasuozz-oss/figma-to-unity/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License" /></a> <a href="https://unity.com/"><img src="https://img.shields.io/badge/Unity-2022.3%2B-black?logo=unity" alt="Unity" /></a> <a href="https://www.figma.com/"><img src="https://img.shields.io/badge/Figma-Plugin-F24E1E?logo=figma&logoColor=white" alt="Figma" /></a> <a href="https://nodejs.org/"><img src="https://img.shields.io/badge/Node.js-%3E%3D20-339933?logo=node.js&logoColor=white" alt="Node.js" /></a> <a href="https://modelcontextprotocol.io/"><img src="https://img.shields.io/badge/MCP-Compatible-8B5CF6" alt="MCP" /></a> </p>

📖 Figma Plugin full reference → docs/figma-plugin-guide.md

---

🔍 Overview

Figma → Unity is an end-to-end pipeline that converts Figma designs into Unity UI with minimal manual work. It consists of three components:

ComponentDescription
**Figma Plugin**Runs inside Figma Desktop. Traverses the design tree, exports manifest JSON + PNG assets as a ZIP file.
**MCP Bridge Server**Stdio-based [Model Context Protocol](https://modelcontextprotocol.io/) server. Allows AI tools (Cursor, Claude, Antigravity) to read Figma design data in real-time via WebSocket.
**Unity Importer**Editor Window that parses the manifest, imports textures, and builds the complete UI hierarchy automatically.

---

✨ Features

CategoryFeature
**Export**One-click export from Figma → ZIP (manifest.json + PNGs)
**Import**Auto-creates full UI hierarchy in Unity from manifest
**AI Integration**MCP Bridge lets AI tools read Figma design data in real-time
**Layout**Figma Auto Layout → Unity HorizontalLayoutGroup / VerticalLayoutGroup
**Text**TextMeshPro with auto font family, style, size, color, and alignment mapping
**Font Mapping**Auto-detects Figma font families & styles and maps them to TextMeshPro Font Assets
**Deduplication**FNV-1a hash-based PNG deduplication — skips identical assets to minimize ZIP size
**Sprite Atlas**Auto-creates SpriteAtlas from imported sprites with advanced padding & rotation settings
**Render Pipeline**UGUI (Canvas + Image) and 2D Object (SpriteRenderer) modes
**Scale Options**0.5x, 0.75x, 1x, 1.5x, 2x, 3x, 4x or fixed width/height (512w, 1024h, ...)
**Per-Element**Inline Merge, Exclude, and PNG rasterize controls for ultimate asset control
**Batch Rename**Batch-rename layers to snake_case with optional custom prefix and undo function
**Context Menu**Right-click layers to inline Rename, Toggle Visibility, Toggle Merge, or Export Subtree
**Settings Sync**Import and export configurations via settings.json to restore settings across runs
**Window Resize**Responsive plugin UI with S, M, L window size presets
**Minimize Mode**Collapse plugin into a compact MCP status bar
**Canvas Options**Canvas Scale presets, Create New or Use Existing canvas, Match Width/Height settings
**Texture Importer**Advanced texture settings (Compression, filter mode, max size auto-detect, custom output folder)

---

📋 Requirements

1. Build Figma Plugin

cd FigExportForUnity
npm install
npm run build

Then in Figma Desktop: 1. PluginsDevelopmentImport plugin from manifest... 2. Select FigExportForUnity/manifest.json

2. Build MCP Bridge Server

cd FigExportForUnity/server
npm install       # or: bun install
npx tsc           # or: bun run build

4. Install Unity Importer

Option A — Git URL (recommended):

https://github.com/zasuozz-oss/figma-to-unity.git?path=UnityFigImporter

Option B — Local Package: 1. WindowPackage Manager"+"Add package from disk... 2. Select UnityFigImporter/package.json

Option C — Manual: Copy UnityFigImporter/ into your Unity project's Assets/ folder.

---

Figma Plugin — build once

cd FigExportForUnity npm run build

Figma Plugin — watch mode (auto-rebuild on save)

npm run watch

MCP Server — build

cd FigExportForUnity/server npx tsc ```

---

🚀 Quick Start

📖 Usage

3. Configure MCP Client

Add to your AI tool's MCP config:

{
  "mcpServers": {
    "figma-bridge": {
      "command": "node",
      "args": ["<absolute-path>/FigExportForUnity/server/dist/index.js"]
    }
  }
}
Replace <absolute-path> with the full path to this repo on your machine.

Figma Plugin & MCP Server

DependencyVersionNotes
**Node.js**>= 20.0.0Required for build and MCP server
**npm**>= 9Comes with Node.js
**Bun** *(optional)*>= 1.0Faster alternative for server builds
**Figma Desktop**LatestPlugin does not work in Figma web
🎯 aiskill88 AI 点评 B 级 2026-05-23

Figma-To-Unity是一个开源的MCP工具,提供了一个简单易用的界面,帮助开发者快速将Figma设计转换为Unity游戏中的UI元素。虽然工具的功能有限,但仍然是一个值得尝试的工具。

⚡ 核心功能
👥 适合人群
Claude Desktop / Claude Code 用户AI 工具开发者需要扩展 AI 能力的专业人士自动化工程师
🎯 使用场景
  • 在 Claude Desktop 对话中直接调用本地工具,实现 AI 与系统的深度联动
  • 通过自然语言驱动复杂的多步骤自动化任务,代替繁琐手动操作
  • 将多个 MCP 工具组合使用,构建个人专属 AI 工作站
⚖️ 优点与不足
✅ 优点
  • +MIT 协议,可免费商用
  • +标准化 MCP 协议,生态互联性强
  • +与 Claude 官方生态无缝对接
  • +即插即用,配置简单快捷
⚠️ 不足
  • 依赖 Claude 客户端,非 Claude 用户无法使用
  • MCP 协议仍在持续演进,接口可能变更
  • 需要一定的配置步骤
⚠️ 使用须知

AI Skill Hub 为第三方内容聚合平台,本页面信息基于公开数据整理,不对工具功能和质量作任何法律背书。

建议在沙箱或测试环境中充分验证后,再部署至生产环境,并做好必要的安全评估。

📄 License 说明

✅ MIT 协议 — 最宽松的开源协议之一,可自由商用、修改、分发,仅需保留版权声明。

🔗 相关工具推荐
🧩 你可能还需要
基于当前 Skill 的能力图谱,自动补全的工具组合
❓ 常见问题 FAQ
解答:工具安装失败,请检查是否正确安装并配置了Figma-To-Unity。
💡 AI Skill Hub 点评

AI Skill Hub 点评:Figma-To-Unity 的核心功能完整,质量良好。对于Claude Desktop / Claude Code 用户来说,这是一个值得纳入个人工具库的选择。建议先在非生产环境试用,再逐步推广。

⬇️ 获取与下载
⬇ 下载源码 ZIP

✅ MIT 协议 · 可免费商用 · 直接从 aiskill88 服务器下载,无需跳转 GitHub

📚 深入学习 Figma-To-Unity
查看分步骤安装教程和完整使用指南,快速上手这款工具
🌐 原始信息
原始名称 figma-to-unity
原始描述 开源MCP工具:Figma-To-Unity — Standalone Tool + MCP with AI Bonus。⭐13 · TypeScript
Topics mcptypescript
GitHub https://github.com/zasuozz-oss/figma-to-unity
License MIT
语言 TypeScript
🔗 原始来源
🐙 GitHub 仓库  https://github.com/zasuozz-oss/figma-to-unity

收录时间:2026-05-22 · 更新时间:2026-05-23 · License:MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。