经 AI Skill Hub 精选评估,Figma-To-Unity 获评「推荐使用」。这款MCP工具在功能完整性、社区活跃度和易用性方面表现出色,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 对话中直接触发,极大提升生产效率。
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 对话中直接触发,极大提升生产效率。
# 方式一:通过 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
# 安装后在 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 生效
<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
---
Figma → Unity is an end-to-end pipeline that converts Figma designs into Unity UI with minimal manual work. It consists of three components:
| Component | Description |
|---|---|
| **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. |
---
| Category | Feature |
|---|---|
| **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) |
---
cd FigExportForUnity
npm install
npm run build
Then in Figma Desktop: 1. Plugins → Development → Import plugin from manifest... 2. Select FigExportForUnity/manifest.json
cd FigExportForUnity/server
npm install # or: bun install
npx tsc # or: bun run build
Option A — Git URL (recommended):
https://github.com/zasuozz-oss/figma-to-unity.git?path=UnityFigImporter
Option B — Local Package: 1. Window → Package Manager → "+" → Add package from disk... 2. Select UnityFigImporter/package.json
Option C — Manual: Copy UnityFigImporter/ into your Unity project's Assets/ folder.
---
cd FigExportForUnity npm run build
npm run watch
cd FigExportForUnity/server npx tsc ```
---
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.
| Dependency | Version | Notes |
|---|---|---|
| **Node.js** | >= 20.0.0 | Required for build and MCP server |
| **npm** | >= 9 | Comes with Node.js |
| **Bun** *(optional)* | >= 1.0 | Faster alternative for server builds |
| **Figma Desktop** | Latest | Plugin does not work in Figma web |
Figma-To-Unity是一个开源的MCP工具,提供了一个简单易用的界面,帮助开发者快速将Figma设计转换为Unity游戏中的UI元素。虽然工具的功能有限,但仍然是一个值得尝试的工具。
AI Skill Hub 为第三方内容聚合平台,本页面信息基于公开数据整理,不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后,再部署至生产环境,并做好必要的安全评估。
✅ MIT 协议 — 最宽松的开源协议之一,可自由商用、修改、分发,仅需保留版权声明。
AI Skill Hub 点评:Figma-To-Unity 的核心功能完整,质量良好。对于Claude Desktop / Claude Code 用户来说,这是一个值得纳入个人工具库的选择。建议先在非生产环境试用,再逐步推广。
| 原始名称 | 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 |
收录时间:2026-05-22 · 更新时间:2026-05-23 · License:MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。
选择 Agent 类型,复制安装指令后粘贴到对应客户端