• DEPLOY
  • CMS
  • CONFIG
  • HUMAN

AIを使ってPlasmicプロジェクトを公開・管理する方法

AIクライアントをPlasmicに接続すれば、自然な言葉でサイトのデプロイやプロジェクト設定の管理が可能になります。

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

すぐに答え

AIでどのようにPlasmicプロジェクトを公開できますか?

AIクライアントにプロジェクトのデプロイや設定の更新を指示するだけで、AIがPlasmic内で必要なコマンドを実行します。チャット画面から離れることなく、ヘッドレスCMSのコンテンツ管理やプロジェクト状態の制御が可能です。デプロイの実行や設定変更を、即座に行えます。

デプロイの結果

AIが行う操作の内容

AIがPlasmicに対して実行する具体的なアクションです。

DEPLOY

サイトの更新

最新の変更内容をライブ環境へ反映します。プロジェクトの状態に基づき、サイトが即座に更新されます。

CMS

コンテンツ同期

Plasmic CMS内のアイテムを追加または修正します。外部データソースとサイトのコンテンツを同期させることが可能です。

CONFIG

プロジェクト管理

テキストによる指示だけで、プロジェクトレベルの設定を変更できます。技術的な構成の更新はAIが担当します。

HUMAN

デザイン作業

AIはビジュアルレイアウトの設計やコンポーネントのドラッグ操作は行えません。デザイン作業は引き続きPlasmicエディタで行ってください。

ワークフロー

指示を受けたAIの動作プロセス

AIがあなたの意図を解釈し、Plasmic APIの呼び出しへと変換します。

  1. 対象の特定

    AIがリクエストを解析し、プロジェクト設定の変更か、特定のCMSエントリの更新かを判断します。

    update_project
  2. 設定の更新

    プロジェクトの挙動を変更する必要がある場合、AIがプロジェクト設定を直接書き換えます。

    update_project
  3. CMSデータの同期

    Plasmic CMSのコレクションに対して、新しいコンテンツの追加や既存レコードの更新を行います。

    publish_cms_item
  4. デプロイの実行

    更新されたプロジェクトやコンテンツがライブ状態で公開されるよう、プロセスを完了させます。

    update_projectpublish_cms_item

試してみる

以下のプロンプトをコピーして開始

これらのプロンプトを使って、Plasmicでのアクションを指示できます。

出発点

括弧内のテキストを、実際のPlasmicプロジェクトIDやCMSコレクション名に書き換えて使用してください。

Plasmic Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 — Plasmic capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "plasmic-visual-headless-page-builder-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/mcp"
    }
  }
}
チャットにコピー04
  • Plasmicプロジェクト [ID] の設定を更新して、[setting] を有効にしてください。

  • CMSコレクション [Collection Name] に、以下のデータを使用して新しいアイテムを公開してください: [Data]

  • Plasmicプロジェクト [ID] の構成を変更して、[Change] を反映させてください。

  • Plasmicの [Collection Name] コレクションに新しいエントリを追加してください。

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

ここから始める

一度接続すれば、あとは指示するだけ

リンクをクリックしてアカウントを接続してください。認証情報は暗号化されて保護されるため、すぐにプロジェクト管理を開始できます。

PlasmicをAIに接続する

FAQ

Plasmic Connectorの仕様について

  • 01

    AIがPlasmicで新しいレイアウトをデザインすることはできますか?

    いいえ。AIができるのはプロジェクト設定とCMSデータの管理のみです。レイアウトやデザインに関する作業は、Plasmicのビジュアルエディタを使用する必要があります。

  • 02

    AIがプロジェクト全体を削除してしまうことはありますか?

    いいえ。提供されているツールは、プロジェクト設定の更新とCMSアイテムの公開に限定されています。プロジェクト自体を削除するためのツールは用意されていません。

  • 03

    サイトのデプロイを指示するにはどうすればいいですか?

    AIに対してプロジェクト設定の更新を指示してください。それにより、Plasmic内で必要なデプロイ処理が実行されます。

  • 04

    サイトのCSS管理にこれを利用できますか?

    いいえ。AIが扱うのはデータとプロジェクトレベルの設定です。コンポーネント内の具体的なスタイリングやCSSコードの操作はできません。

  • 05

    AIにPlasmicのパスワードを教える必要がありますか?

    いいえ。接続はVinkiusを介して安全に行われます。AIクライアントがあなたのログイン情報を知ることはありません。

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

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