AIを使ってFramerサイトを公開する方法と自動化の手順

エージェントがpublish_siteツールを使用し、Framerでの最新の変更内容を公開URLへ反映させます。更新によって起こる具体的な内容は以下の通りです。

1. 01

   更新内容の準備

   エージェントは、ワークスペース内でリクエストまたは準備されたすべてのコンテンツ変更内容をまとめます。

   publish_site
2. 02

   デプロイの実行

   エージェントは、プロジェクトの現在の状態をウェブに反映させるコマンドを実行します。

   publish_site
3. 03

   成功の確認

   エージェントは、Framer APIがコマンドを正常に受け付けたかどうかを監視します。

   publish_site
4. 04

   ステータスの報告

   サイトが公開され、アクセス可能な状態になったことをエージェントが正確に伝えます。

   publish_site

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"
    }
  }
}

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

ワンクリックでアカウントを連携できます。認証情報は弊社側で暗号化して保持されます。詳細な手順はコネクターのページで確認できます。

• 01

  AIがサイトのデザインまで行ってくれますか？

  いいえ。エージェントは公開作業のみを担当します。デザインやコンテンツは、あらかじめFramer内で作成しておく必要があります。

• 02

  AIがサイトを削除してしまうことはありますか？

  いいえ。利用可能なツールは更新の公開のみを許可しており、プロジェクトの削除やドメインの解除はできません。

• 03

  公開前にAIがリンク切れをチェックしてくれますか？

  いいえ。エージェントは指示通りに公開コマンドを実行します。サイトの視覚的な確認や機能的な監査は行いません。

• 04

  本番用ではなく、ステージング用のドメインに公開できますか？

  ツールは、Framerプロジェクトで設定されているメインの公開URLに対して、現在のプロジェクト状態を反映します。

• 05

  公開に失敗した場合はどうすればいいですか？

  publish_siteコマンドの実行に失敗した場合、エージェントがエラーを報告します。

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