mcpField
A
Alberti

Alberti

远程服务
alberti.design媒体与设计05 天前更新
代码仓库访问官网

关于 Alberti

Alberti 让 Claude Code 查看并编辑当前打开的设计，涵盖屏幕、组件、原型、动画和 3D 模型。它适用于需要将设计整理并导出到 Unity、Unreal 或 Omniverse 的工作。

主要功能

  1. 01查看图层、组件和变量
  2. 02编辑前读取设计意图
  3. 03编辑屏幕和原型
  4. 04处理动画和 3D 模型
  5. 05为游戏引擎准备并导出

适用场景

  1. 01根据设计场景创建屏幕
  2. 02修改当前设计中的原型
  3. 03为 Unity 或 Unreal 导出整理图层

MCP 相关

它通过 https://alberti.design/mcp 提供 MCP 服务，供 Claude 和其他 MCP 客户端通过 OAuth 连接。桌面应用也可在 http://127.0.0.1:7621/mcp 为本地客户端提供服务，无需登录。

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://alberti.design/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Alberti for Claude Code

한국어 · English

让 Claude Code 读取和编辑 Alberti 中打开的设计：图层、组件、变量、设计意图、点击原型、图层动效、3D 模型，以及导出到 Unity、Unreal 和 Omniverse。

English

所需内容
在 Claude 应用中

设置 → 连接器 → 添加自定义连接器：名称为 Alberti，URL 为 https://alberti.design/mcp。使用 Alberti 账号登录并允许访问。

安装

在 Claude Code 中：

/plugin marketplace add superherounite/alberti-claude
/plugin install alberti@alberti

如果 Claude Code 提示重启，请重启，然后运行 /mcp 并登录 Alberti 一次。接着在 Alberti 中打开一项设计并试试：

Use Alberti: check what's open, read the design intent, and make the first screen for scenario 1.

每次使用 Alberti 工具前，Claude 都会征求许可。选择 "Yes, and don't ask again"，即可永久允许使用 Alberti 工具。

该插件会添加 alberti MCP 服务，以及一个用于教 Claude 了解 Alberti 工作方式的技能（先明确意图、修改前先查看、为引擎导出命名图层、制作原型、预检、导出）。

不使用插件
claude mcp add --scope user --transport http alberti https://alberti.design/mcp

其他 MCP 客户端（Cursor、Windsurf 等）可以通过 OAuth，将同一 URL 用作 Streamable HTTP 服务。

离线工作或使用可自托管的 Alberti？桌面应用也会在同一台计算机上通过 http://127.0.0.1:7621/mcp 为 MCP 客户端提供服务（无需登录）。

注意事项
  • 在 Alberti 中，每次编辑都是一个撤销步骤（⌘Z / Ctrl+Z），并会在画布上显示为由 Claude 完成。如果设计是服务端文件，编辑会保存，并实时同步给协作者。
  • Claude 会以你的身份操作，只能访问你能打开的内容。可在 Alberti → Settings → Server & team → Claude 中查看并断开已连接的应用，或关闭 Claude。

한국어

所需内容
在 Claude 应用中

设置 → 连接器 → 添加自定义连接器：名称为 Alberti，URL 为 https://alberti.design/mcp。使用 Alberti 账号登录并点击允许。

安装

在 Claude Code 中：

/plugin marketplace add superherounite/alberti-claude
/plugin install alberti@alberti

如果提示重启，请重启 Claude Code，然后在 /mcp 中登录 Alberti 一次。在 Alberti 中打开一项设计后，可以这样开始：

Alberti에서 지금 열린 파일을 확인하고, 디자인 의도를 읽은 다음 시나리오 1의 첫 화면을 만들어 줘.

每次使用 Alberti 工具时，Claude 都会征求许可。选择 "Yes, and don't ask again"，之后就不会再询问。

该插件会安装 alberti MCP 服务，以及一个用于教 Claude 了解 Alberti 工作方式的技能（先明确意图、修改前先查看、为引擎导出命名图层、制作原型、预检、导出）。

不使用插件
claude mcp add --scope user --transport http alberti https://alberti.design/mcp

Cursor、Windsurf 等其他 MCP 客户端也可以使用同一地址，将其作为带 OAuth 的 Streamable HTTP 服务。

如果离线工作或使用自行部署的 Alberti，桌面应用也会通过 http://127.0.0.1:7621/mcp 为同一台计算机上的 MCP 客户端提供服务（无需登录）。

注意事项
  • Claude 所做的修改可以在 Alberti 中逐步撤销（⌘Z / Ctrl+Z），并会在画布上显示为由 Claude 完成。如果是服务端文件，修改会立即保存，并实时同步给协作者。
  • Claude 会以你的账号操作，只能访问你能打开的文件。可在 Alberti → 设置 → Server & team → Claude 中查看并断开已连接的应用，或关闭 Claude。

MIT License · © 2026 Super Hero Unite, Inc. · Alberti is a product of Super Hero Unite, Inc.

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。