🐕
[つぶやき]-canva MCP触ってみた
概要
想定読者：
- cursorとcanva MCP使ってプレゼン資料作成してみたいって方
- 結論：https://zenn.dev/johndoe/articles/03b5e13f6f7966#試してみて
経緯
- LT会で資料久々に作成することになったが、社内の資料ならばちょっと遊び効かせて作成してみたいと考えたため
- その機能としてcanvaのmcpをcursor経由で利用してみた
そもそも
- デザインを無料で作成できるツールの一つ。そのうちの一つにプレゼン資料の作成が存在。豊富なテンプレートと作成できるデザインの選択肢が多く、誰でも簡単に凝ったようなプレゼン資料が作成可能。
とりまやってみる
-
https://www.canva.com/ja_jp/help/mcp-agent-setup/
を参考にcursorに接続
- https://www.canva.com/ja_jp/help/mcp-agent-setup/
を参考にcanva mcpのセットアップを行なって
cursorからcanva mcpをONにする箇所まではやったから、接続できるかの疎通確認を行い、
疎通確認ができればcanvaの情報を利用して以下の資料を自動で作成してほしい
- デザインはレトロ感ある駄菓子屋のようなデザイン
- 内容は以下のような内容を作成
- タイトルは生成AIによるエンジニアリングマネージャ支援
{スライド内容：中略}
- nodeのversionをv20以降にしつつ、画像のような確認画面が飛んできて、試しにタイトルを取得できれば接続完了
Authorization successful! You may close this window and return to the CLI.
Canva MCP を使って、私の「直近で編集したデザイン」を 1 件取得し、タイトルだけ正確に出力してください。推測はせず、ツールの結果のみを使ってください。
Canva MCPを使って、あなたの直近で編集したデザインを取得します。まず、Canvaのデザインを検索してみましょう。
検索結果から、直近で編集されたデザインを確認できました。最も最近更新されたデザインは：
xxxxxxxx
このデザインの詳細情報を取得して確認します：
- 接続が完了した後に実行した結果がこちら
- てっきり、新規に作成できるかと思ったら、新規のプレゼンは作成できないっぽい
- だが、既存のパワポの編集は可能パワポの編集は可能canvaサイト上に新しいスライドが作成できると思ったのですが、どうにも情報を取得するのにとどまってて、それをローカルのコードで捏ねてlocalhostに模倣したものを作成するにとどまる
試してみて
- 現状の精度だと、https://www.genspark.ai とかでmcpとか使わずにプロンプト経由で作成させた方がぽいものは作成できる所感
- ただ、canvaが個人的に好きなのでcanva mcpの動向はこれからも追っていきたいし楽しみ
※
- genSparkで作成させた同じようなスライド
マーケティング領域で実践されている生成AI技術について、
新卒向けにわかりやすく説明する図解メインのプレゼン資料を作成してください。
5分で伝えられる構成で、初心者にも理解しやすい内容にしてください。
- 一枚一枚に修正が行えるのも便利
Discussion