AIでインフォグラフィックのデザインレイヤーを編集する方法

AIエージェントがデザインのJSON構造にアクセスし、テキストの入れ替え、色の変更、要素の移動を行います。これにより、自然な言葉で指示を出すだけで、構造的な編集が可能になります。エージェントがどのようにリクエストをデザインプロパティに反映させるか、以下で確認できます。

1. 01

   デザインの検索

   エージェントがEasellyアカウント内をスキャンし、変更したい特定のインフォグラフィックを見つけ出します。

   list_infographics
2. 02

   構造の読み取り

   現在のデザインデータを取得し、レイヤーや色がどのように設定されているかを把握します。

   generate_json
3. 03

   編集の適用

   指定されたレイヤーに対して、カラーコードやラベルの変更など、新しい値を書き込みます。

   update_infographic
4. 04

   変更の確認

   デザインの新しい状態をチェックし、更新が正しく完了したかを確認します。

   list_infographics

Easelly Connector

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

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

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "easelly-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_hEr3rB3CEhYuKpP4nr0MZYDghhR4oAivjI64xHy1/mcp"
    }
  }
}

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

リンクをクリックして接続を承認してください。認証情報は暗号化されて保護されます。接続後は、お使いのAIクライアントからすぐにデザインへの指示を開始できます。

• 01

  AIはゼロから新しいインフォグラフィックを作成できますか？

  いいえ。このワークフローは、既存のデザインのJSONデータを更新して編集することに特化しています。

• 02

  AIは元のデザインを削除してしまいますか？

  いいえ。このツールは既存のファイルを更新するためのものであり、削除するためのものではありません。

• 03

  デザインに使用されている画像ファイル自体を変更できますか？

  いいえ。エージェントが変更できるのは、JSONで定義されているテキスト、色、および構造的なプロパティのみです。

• 04

  AIにログインパスワードは見えますか？

  いいえ。Vinkiusが接続を安全に管理するため、AIエージェントがあなたの認証情報にアクセスすることはありません。

• 05

  どのインフォグラフィックを編集すればいいか判断するには？

  まずエージェントにインフォグラフィックの一覧を表示するよう指示し、正確な名前を確認してください。

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