• データ
  • 構造
  • 監査
  • 人間

AIを使ってMasterGoのデザインノードデータを取得する方法

MasterGoを一度連携させるだけで、あとはAIエージェントがデザインファイル内を探索し、必要なスペックを自動で探し出します。

このページについてAIに聞く

すぐに答え

AIはどのようにMasterGoのデザインレイヤーを読み取るのですか?

エージェントはMasterGo MCPを使用して、ファイル構造や特定のノードを直接確認します。寸法、色、レイヤー名などの技術的な詳細を抽出するため、キャンバスを手動で探し回る必要はありません。エージェントがどのようにファイルを探索し、データを抽出するかを以下に示します。

実現できること

デザインデータに関するエージェントの活用例

AIがデータの確認を行い、あなたは意思決定に集中できます。

データ

技術スペックの抽出

レイヤーのプロパティやフレームの詳細を読み取ります。色、余白、寸法などの正確な値を取得できます。

構造

ファイル階層の把握

レイヤーやフレームがどのように構成されているかを特定します。複雑なファイル内でも、目的の要素を正確に見つけ出せます。

監査

デザインの一貫性チェック

特定のノードを要件と比較します。カラーコードやフォントサイズの違いを自動的に検知します。

人間

最終的なデザイン決定

エージェントが行うのは読み取りと報告のみです。デザインの変更や承認は、常にあなたがコントロールします。

ワークフロー

デザインデータの取得を依頼したときのAIの動き

エージェントはファイル全体を把握してから、特定のパーツを理解するプロセスを辿ります。

  1. ファイルの特定

    まず、作業対象である特定のMasterGoファイルにアクセスします。

    get_file
  2. キャンバスのスキャン

    ファイル全体をスキャンし、指定されたレイヤーやフレームを探します。

    list_nodes
  3. ノードプロパティの読み取り

    対象のレイヤーが見つかると、そのノードに紐付いた技術データを抽出します。

    list_nodes
  4. 結果の報告

    抽出した技術的な詳細を、チャット画面上にまとめて報告します。

    get_file

試してみる

以下のプロンプトをコピーして開始できます。

これらのプロンプトを使って、最初のデザイン確認を行ってみましょう。

出発点

括弧内の情報は、実際のファイル名やレイヤー名に書き換えて使用してください。

MasterGo Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_zI4TJIBtwjDcLIebHu0qLLZdFYD1MPDEdjy41B8D/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — MasterGo capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "mastergo-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_zI4TJIBtwjDcLIebHu0qLLZdFYD1MPDEdjy41B8D/mcp"
    }
  }
}
チャットにコピー04
  • MasterGoファイルの 'Header' フレームの詳細を教えてください。

  • 'Mobile Navigation' コンポーネント内にあるすべてのレイヤーをリストアップして。

  • 'Primary Button' ノードで使用されているカラーコードは何ですか?

  • このファイルにあるメインヒーローセクションの寸法を教えてください。

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

MasterGoを一度連携すれば、あとは指示するだけです。

リンクをクリックして連携してください。認証情報は暗号化され、安全に管理されます。連携完了後、すぐにデザインに関する質問を開始できます。

MasterGoをAIに連携する

FAQ

機能の詳細について

  • 01

    AIはデザインレイヤーを変更できますか?

    いいえ。このツールはエージェントがデータを読み取り、リスト化することのみを許可しています。MasterGo内の要素を修正、移動、削除することはできません。

  • 02

    AIを使用する際、MasterGoのタブを開いておく必要がありますか?

    いいえ。エージェントはMCPを通じてファイルに直接通信するため、他のアプリを使用しながら作業を進められます。

  • 03

    AIが新しいフレームを作成することはできますか?

    いいえ。現在のツールは、既存のファイル構造とノードデータの読み取りに限定されています。

  • 04

    AIはどのようにして特定のレイヤーを見つけるのですか?

    ファイル構造を利用して階層を辿り、リクエストされたノード名に到達します。

  • 05

    AIはデザインを画像として書き出すことはできますか?

    いいえ。エージェントができるのは、ノードから技術的なデータやプロパティを取得することのみです。

  • MasterGoに関するその他の質問は? MasterGo Connectorの全機能を見る

『MasterGo』を Claude、Cursor、ChatGPT などに接続