• インベントリ
  • CMS
  • メタデータ
  • 手動操作

AIを使ってFramerのサイト構造を監査する方法

FramerプロジェクトをAIエージェントに接続するだけで、サイト全体の構成マップを自動的に作成できます。

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

すぐに答え

AIを使ってFramerのページとCMSコレクションを一覧表示するには?

AIエージェントがプロジェクト内のすべてのページURLとCMSコレクション名を抽出します。これにより、リンク切れや階層構造の乱れを確認するための正確なインベントリが手に入ります。サイト全体のレイアウトを構造化されたデータとして把握できます。

取得できる結果

サイトデータの出力形式

AIはプロジェクトから取得した生データを、以下の形式に整理します。

インベントリ

全ページリスト

プロジェクト内のすべての公開URLを抽出します。孤立したページがないか確認するためのクリーンなリストが得られます。

CMS

コレクション概要

すべてのCMSコレクションを特定します。動的コンテンツがどのように構成されているかを把握するのに役立ちます。

メタデータ

サイト設定

サイトの基本設定を取得します。ドメインやプロジェクトの設定を確認する際に使用してください。

手動操作

手動での修正

AIはページの削除や移動はできません。構造上の問題が見つかった場合は、Framerのエディタ上で直接修正を行う必要があります。

ワークフロー

データ取得後のAIの動作

エージェントがプロジェクト内をスキャンし、構造マップを構築します。

  1. サイト設定の取得

    まずプロジェクトの基本情報を取得し、サイトの全体像を把握します。

    get_site_info
  2. 全ページのマップ作成

    プロジェクトをスキャンして、個々のページやサブページのURLをすべて特定します。

    list_pages
  3. CMSコンテンツの特定

    動的コンテンツに使用されているCMSコレクションをすべて探し出します。

    list_collections
  4. 構造の分析

    ページとコレクションを照合し、階層構造の欠落や不整合を見つけ出します。

    list_pageslist_collections

試してみる

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

監査を開始するには、これらのプロンプトを活用してください。

出発点

これらは基本的なリクエストです。特定のコレクションやページを対象にする場合は、名前を書き換えて使用してください。

Framer Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/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 — Framer capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp"
    }
  }
}
チャットにコピー04
  • リンク切れを確認したいので、Framerサイト内のすべてのページをリストアップしてください。

  • このプロジェクトで現在有効なすべてのCMSコレクションを表示してください。

  • このFramerプロジェクトのサイト情報の概要を教えてください。

  • ページのリストとCMSコレクションを比較して、動的ルートの漏れがないか確認してください。

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

ここから始める

一度接続すれば、あとは質問するだけ

VinkiusのダッシュボードからFramerアカウントを連携するだけです。認証情報は暗号化されて保護されるため、すぐに使い慣れたAIクライアントで質問を開始できます。

FramerをAIに接続する

FAQ

動作に関する詳細

  • 01

    AIはFramerプロジェクト内のページを削除できますか?

    いいえ。AIができるのはデータの読み取りのみです。削除や編集はすべてFramer上で行う必要があります。

  • 02

    AIがサイトのデザインやレイアウトを変更することはありませんか?

    はい、ありません。このMCPは読み取り専用です。構造を把握することはできますが、スタイルやコンポーネント、レイアウトに干渉することはありません。

  • 03

    CMS内の個々のアイテムまで見えますか?それともコレクションのみですか?

    コレクション自体を認識します。コレクション内の個々のアイテム(データ)をすべて取得するわけではありません。

  • 04

    CursorやClaudeで使用できますか?

    はい。Vinkius経由でコネクタを接続すれば、MCPに対応しているあらゆるクライアントで使用可能です。

  • 05

    AIはどのサイトを監査すべきだと判断するのですか?

    あなたが承認した特定のFramerプロジェクトにアクセスするために、確立された接続情報を使用します。

  • Framerに関するその他の質問は、コネクタの専用ページで確認できます。 Framer Connectorの全機能を見る

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