- データ
- 構造
- 監査
- 人間
すぐに答え
AIはどのようにMasterGoのデザインレイヤーを読み取るのですか?
エージェントはMasterGo MCPを使用して、ファイル構造や特定のノードを直接確認します。寸法、色、レイヤー名などの技術的な詳細を抽出するため、キャンバスを手動で探し回る必要はありません。エージェントがどのようにファイルを探索し、データを抽出するかを以下に示します。
実現できること
デザインデータに関するエージェントの活用例
AIがデータの確認を行い、あなたは意思決定に集中できます。
データ
技術スペックの抽出
レイヤーのプロパティやフレームの詳細を読み取ります。色、余白、寸法などの正確な値を取得できます。
構造
ファイル階層の把握
レイヤーやフレームがどのように構成されているかを特定します。複雑なファイル内でも、目的の要素を正確に見つけ出せます。
監査
デザインの一貫性チェック
特定のノードを要件と比較します。カラーコードやフォントサイズの違いを自動的に検知します。
人間
最終的なデザイン決定
エージェントが行うのは読み取りと報告のみです。デザインの変更や承認は、常にあなたがコントロールします。
ワークフロー
デザインデータの取得を依頼したときのAIの動き
エージェントはファイル全体を把握してから、特定のパーツを理解するプロセスを辿ります。
ファイルの特定
まず、作業対象である特定のMasterGoファイルにアクセスします。
get_fileキャンバスのスキャン
ファイル全体をスキャンし、指定されたレイヤーやフレームを探します。
list_nodesノードプロパティの読み取り
対象のレイヤーが見つかると、そのノードに紐付いた技術データを抽出します。
list_nodes結果の報告
抽出した技術的な詳細を、チャット画面上にまとめて報告します。
get_file
試してみる
以下のプロンプトをコピーして開始できます。
これらのプロンプトを使って、最初のデザイン確認を行ってみましょう。
出発点
括弧内の情報は、実際のファイル名やレイヤー名に書き換えて使用してください。
MasterGo Connector
準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。
https://edge.vinkius.com/vk_preview_zI4TJIBtwjDcLIebHu0qLLZdFYD1MPDEdjy41B8D/mcpClaude Desktop
以下の手順で数秒で接続できます。
- 1In Claude Desktop, open Settings → Connectors.
- 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
- 3Click Add and start a new chat — MasterGo capabilities are ready to use.
{
"mcpServers": {
"mastergo-mcp": {
"url": "https://edge.vinkius.com/vk_preview_zI4TJIBtwjDcLIebHu0qLLZdFYD1MPDEdjy41B8D/mcp"
}
}
}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 などに接続
