ChatGPT上で図解や資料を作成する方法

TL;DR

ChatGPTで「@」からFigmaやCanvaを呼び出すと、自然言語の指示だけで図解やスライド案を作成でき、各デザインソフトで編集や書き出しも行える。Figmaはサイトマップなどの図に向き、Canvaは複数の資料案を素早く比較する用途に便利だが、日本語表示や複雑な構図には調整が必要である。

Transcript

はい、こんにちは。ケイトです。この チャンネルは生成の最新情報や活用事例を 紹介してます。是非チャンネル登録などお 願いいたします。そして今回のテーマ はチャットGPTの中だけでこんな感じの 資料を自然言語の指示で作ったり、こんな 感じの図をチャットGPT上に作った りっていうことができる 素晴らしい機能とそのAI活用についてを お話ししていきたいと思います。今回紹介 する新しい機能っていうのはこちらのto SDKっていう新しい開発用の機能です。 はい。この開発用の機能を使って様々な ウェブサービスがどんどんチャットGPT 上で使えるようになってきます。例えばな んですけど、Booking..comの アプリケーションはもうすでにチャAT GPT上に組み込まれてますので、なんと なくの自然な... Read More

Key Insights

• ・ChatGPTのアプリ連携は、入力欄で「@」を入力してFigmaやCanvaなどを選び、自然言語で処理を依頼できる仕組みである。
• ・Figma連携は、ChatGPTの画面内でマインドマップやロジックツリーを生成し、Figma側で細部を編集できる機能である。
• ・Figmaで作成した図は、要素をグループ化してPNG形式で書き出せるため、既存のプレゼン資料や社内文書へ画像として組み込める。
• ・Figma連携は、サイトマップやコンテンツマップ、情報アーキテクチャなど、階層や流れを示すダイアグラムの作成に適している。
• ・複雑なポジショニングマップや円形のPDCA表現は、期待した構図になりにくく、生成後にFigmaで形や配置を修正する必要がある。
• ・Canva連携は、指示に沿った構成案を作成して確認を求めた後、テンプレートを利用した複数の資料候補を提示する機能である。
• ・Canvaで生成した資料は、社内共有や会議記録の要点整理に利用できる一方、日本語フォントや画像内の文字は手作業での調整が必要である。
• ・Coursera連携は、教材動画、概要、関連コース、文字起こしをChatGPT上に表示できるが、日本語の条件に合う教材が見つからない場合がある。

Questions & Answers

Q: ChatGPT上でFigmaの図解を作成する方法は？

ChatGPTの入力欄に「@」を入力し、表示されたアプリケーションからFigmaを選択します。その後、マインドマップや業務フローなど、作りたい図と盛り込みたい内容を自然な言葉で指示すると、ChatGPTの画面内でFigmaが図を生成します。

Q: ChatGPTで作成したFigmaの図を編集する方法は？

生成された図の「Figmaで編集」に当たるボタンを押すと、連携済みのFigmaアカウントでデータを開けます。通常のFigmaと同じ操作で、テキスト、色、形、配置を変更できます。また、画面内のFigmaへの指示欄から背景色や文字色の修正を頼むこともできます。

Q: Figma連携で作った図を資料に貼り付ける方法は？

生成した図をFigmaで開き、必要な要素をすべて選択してグループ化します。そのグループを右クリックし、選択内容のエクスポート機能からPNG形式で書き出せば、画像として保存できます。保存したPNGはプレゼン資料などにそのまま配置できます。

Q: Figma連携はどのような図解の作成に向いていますか？

マインドマップ、ロジックツリー、業務フローチャート、サイトマップ、コンテンツマップ、情報アーキテクチャのように、要素同士の階層や流れを示す図に向いています。特にサイト構造や情報構造を整理する図は、内容を分かりやすく可視化できます。

Q: Figma連携で意図した図が作れないのはなぜですか？

この連携は基本的にダイアグラム形式で図を組み立てるため、座標軸を使うポジショニングマップや円形のPDCAなど、独特なレイアウトは意図どおりにならない場合があります。その場合は、生成結果を土台としてFigmaで形や配置を手作業で修正します。

Q: ChatGPT上でCanvaの資料を作成する方法は？

「@」からCanvaを選び、テーマ、文章量、箇条書きの有無、図の希望、テンプレートの雰囲気などを指示します。構成案が提示された場合は内容を確認し、その流れでCanvaに作成するよう依頼します。生成後は複数のデザイン候補を比較し、使う案を選択できます。

Q: Canva連携を利用するための設定方法は？

紹介時点では、ChatGPTとCanvaの両方を英語設定にしてから接続する必要があります。すでに日本語設定のCanvaを接続していてエラーが出る場合は、ChatGPTのアプリ連携設定で一度Canvaを切断し、両方を英語設定にした状態でもう一度接続します。指示文自体は日本語でも利用できます。

Q: ChatGPTとCanvaで作った資料はそのまま使えますか？

シンプルな社内共有資料や、会議の文字起こしから要点を抜き出した資料には活用できます。生成物はCanvaで開いて編集可能です。ただし、日本語フォントが適切でなかったり、画像生成部分の文字が崩れたりする場合があるため、公開や共有の前に文章、書体、配置を確認して調整する必要があります。

Summary & Key Takeaways

• ChatGPTの入力欄で「@」を入力してFigmaを選び、作りたい内容を自然な言葉で指示すると、画面内にマインドマップや業務フローなどを生成できる。完成した図はFigmaアカウントで開いて自由に編集でき、要素をグループ化してPNG画像として書き出せるため、プレゼン資料への転用もしやすい。

• Figma連携は、ロジックツリー、業務フローチャート、サイトマップ、コンテンツマップ、情報アーキテクチャのようなダイアグラム形式と相性がよい。一方、ポジショニングマップや円形のPDCA、4C分析などは意図した構図にならない場合があり、生成後にFigma上で配置や形を整える必要がある。

• Canva連携では、内容、文章量、構成、デザインの希望を日本語で伝えると、構成案を確認した後に複数の資料候補を生成できる。生成物はCanvaで開いて編集可能で、社内共有資料や会議の文字起こしを整理したスライドに活用できる。ただし紹介時点では両サービスの英語設定と再接続が必要で、日本語フォントや文字表示にも手直しが求められる。