> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tryprofound.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Framer を Profound に接続する

## 前提条件

Framer を Profound に接続する前に、次の点を確認してください。

* Profound に管理させたい Framer プロジェクトにアクセスできること
* そのプロジェクトの Framer API キーを生成済みであること
* 接続するプロジェクトの Framer プロジェクト URL を把握していること

<Accordion title="Framer API キーの作成方法">
  1. 接続する Framer プロジェクトを開きます。
  2. **Site Settings → General** に移動します。
  3. プロジェクトの新しい API キーを作成します。
  4. API キーをコピーし、安全な場所に保存します。
</Accordion>

<Accordion title="Framer プロジェクト URL の確認方法">
  1. 接続する Framer プロジェクトを開きます。
  2. Framer のエディター/プロジェクトページを表示した状態で、ブラウザーのアドレスバーからプロジェクト URL をコピーします。

  次のようなプロジェクト URL を使用してください。

  ```text theme={null}
  https://framer.com/projects/<project-id>
  ```

  次のような、デプロイ済みまたは公開済みのサイト URL は使用**しないでください**。

  ```text theme={null}
  https://your-site-name.framer.website
  ```
</Accordion>

## アカウントを接続する

1. Profound で、プラットフォームの左上にある組織名を選択し、**Settings** を選択します。
2. 左サイドバーの **Account** の下にある **Integrations** を選択します。
3. **Framer** を検索して選択し、**+ Add account** を選択します。
4. **Connect Framer** ダイアログで、Framer の **Project API Key** を入力します。
5. Framer の **Project URL** を入力します。
6. **Connect account** を選択します。

接続が完了すると、Framer が利用可能なインテグレーションとして表示され、Agents 内で選択できるようになります。

<Note>
  Framer の API キーは 1 つのプロジェクトに紐づいています。Profound で複数の Framer サイトを使用したい場合は、各プロジェクトを個別に接続してください。
</Note>