Alberti

Claude Code 向け Alberti

韓国語 · 英語

Claude Code が Alberti で開いているデザインを読み取り、編集できるようにします。レイヤー、コンポーネント、変数、デザインの意図、クリック操作のプロトタイプ、レイヤーのモーション、3D モデル、Unity、Unreal、Omniverse へのエクスポートに対応しています。

英語

必要なもの

• Alberti アカウント（https://alberti.design で Google アカウントを使ってサインイン）と、開いている Alberti。ブラウザーでもデスクトップアプリ（https://alberti.design/download）でもかまいません。Claude は開いているウィンドウで作業します。
• Claude Code。Claude アプリ（claude.ai、デスクトップ、モバイル）ではプラグインは不要です。以下のコネクターを追加してください。

Claude アプリでの設定

Settings → Connectors → Add custom connector：名前を 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 サーバーと、Alberti の使い方（意図を優先する、変更前に確認する、エンジンへのエクスポート用にレイヤーに名前を付ける、プロトタイプ、事前チェック、エクスポート）を Claude に教えるスキルを追加します。

プラグインを使わない場合

claude mcp add --scope user --transport http alberti https://alberti.design/mcp

Cursor、Windsurf などの他の MCP クライアントも、同じ URL を OAuth 対応の Streamable HTTP サーバーとして使用できます。

オフラインで作業する場合、またはセルフホスト版 Alberti を使う場合、デスクトップアプリは同じコンピューター上の MCP クライアント向けに http://127.0.0.1:7621/mcp でも接続を受け付けます（サインイン不要）。

知っておくと便利なこと

• 編集はすべて Alberti で一回分の取り消し操作（⌘Z / Ctrl+Z）になり、キャンバスには Claude による変更として表示されます。デザインがサーバーファイルの場合、変更は保存され、共同作業者にもリアルタイムで反映されます。
• Claude はあなたとして動作し、あなたが開けるものにのみアクセスします。接続済みアプリの確認や接続解除、Claude のオフは、Alberti → Settings → Server & team → Claude から行えます。

韓国語

必要なもの

• Alberti アカウント（https://alberti.design で Google アカウントを使ってサインイン）と、開いている Alberti のウィンドウ。ブラウザーでもデスクトップアプリ（https://alberti.design/download）でもかまいません。Claude は開いているウィンドウで作業します。
• Claude Code。Claude アプリ（claude.ai、デスクトップ、モバイル）ではプラグインは不要です。以下のコネクターを追加するだけです。

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 サーバーとともに、Alberti の使い方（意図を優先する、修正前に確認する、エンジンへのエクスポート用にレイヤーに名前を付ける、プロトタイプ、事前チェック、エクスポート）を Claude に教えるスキルをインストールします。

プラグインを使わない場合

claude mcp add --scope user --transport http alberti https://alberti.design/mcp

Cursor、Windsurf などの他の MCP クライアントも、同じアドレスを OAuth 対応の Streamable HTTP サーバーとして使用できます。

オフラインの場合、またはセルフホスト版 Alberti を使う場合、デスクトップアプリは同じコンピューター上の MCP クライアント向けに http://127.0.0.1:7621/mcp でも接続を受け付けます（ログイン不要）。

知っておくと便利なこと

• Claude が行った変更は Alberti で一段階ずつ取り消し（⌘Z / Ctrl+Z）でき、キャンバスには Claude による変更として表示されます。サーバーファイルの場合はすぐに保存され、共同作業者にもリアルタイムで表示されます。
• Claude はあなたのアカウントとして動作し、あなたが開けるファイルにのみアクセスします。接続済みアプリの確認や接続解除、Claude のオフは、Alberti → 設定 → Server & team → Claude から行えます。

---

MIT License · © 2026 Super Hero Unite, Inc. · Alberti は Super Hero Unite, Inc. の製品です。