AIを活用してFrontifyからブランドガイドラインを取得する方法

Frontify Connectorを使用することで、AIがブランドポータルからドキュメントやUI/UXの制約を抽出します。チャット画面を離れることなく、正確なブランド詳細を確認できます。

1. 01

   ガイドラインの特定

   AIがFrontifyポータル内から、関連するブランドドキュメントやアセットセットを特定します。

   list_brand_guidelines
2. 02

   データの抽出

   エージェントがターゲットを絞ったクエリを実行し、指定されたUI/UXの制約やブランドルールを取得します。

   execute_graphql_payload
3. 03

   制約の解析

   AIがポータルから取得した生データを読み取り、分かりやすい指示内容へと変換します。

   execute_graphql_payload
4. 04

   結果の提示

   ブランドルール、カラーコード、余白の要件などをチャットウィンドウに直接表示します。

   list_brand_guidelines

Frontify Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_egMleLMhyfFms4w71TWv7ASFvlkTwYqeaeCjXUfB/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 — Frontify capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "frontify-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_egMleLMhyfFms4w71TWv7ASFvlkTwYqeaeCjXUfB/mcp"
    }
  }
}

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

リンクをクリックしてアカウントを接続してください。ログイン情報は弊社側で暗号化して保持されます。技術的な詳細はConnectorのページで確認できます。

• 01

  AIがFrontify内のブランドガイドラインを書き換えることはありますか？

  いいえ。AIができるのはポータルからの情報の読み取りと取得のみです。ブランド資産を編集したり削除したりすることはできません。

• 02

  AIはすべてのFrontifyポータルにアクセスできますか？

  接続された認証情報に閲覧権限があるポータルであれば、AIはアクセス可能です。

• 03

  新しいブランドアセットをアップロードするために使えますか？

  いいえ。現在のツールは、既存のガイドラインやデータの取得およびリスト表示のみに対応しています。

• 04

  AIがデザインの変更を提案することもありますか？

  AIはドキュメントに記載されているルールを提供するのみです。クリエイティブな提案やデザインの決定は、常にユーザーの責任となります。

• 05

  AIはどのようにして特定のUIルールを見つけるのですか？

  GraphQLペイロードを使用して、Frontifyポータルからリクエストされた特定のデータポイントを照会します。

• Frontifyについてさらに詳しく知りたいですか？ Frontify Connectorの全機能を見る