AI生成イメージ制作リソース3D・デザイン / Excalidraw
Excalidrawで制作案を図にする。手描き風の構成メモから始める
箱と矢印でアイデアを整理する手描き風ホワイトボード。画面構成や制作フローを描き、PNG・SVGや編集用ファイルで残す使いどころを紹介します。
まずは、作っている人の実例へ
気になる使い方から選べます。作者と、見てほしいポイントを添えました。
Excalidraw — 公式資料
Excalidraw
本文で紹介した用途と機能を確認できる公式資料です。
- 編集部の確認
- 公式公開資料を確認。実際の編集・保存・共同編集は未試用です。（2026-10-06 確認）
まだ固まっていない案を見える形に
Excalidrawは、手描き風の図を作れるオープンソースのホワイトボードです。公式READMEには、長方形、円、矢印、線などの描画ツールと、図やワイヤーフレームを作る用途が紹介されています。完成画像を作り込む前に、構成を相談するメモとして使えそうです。
制作フローを箱と矢印で並べる
たとえば「素材を集める」「画像を作る」「編集する」「公開する」を箱にして、矢印でつなぐ使い方が考えられます。画面案なら要素の位置をざっくり置き、説明する順番を整理できます。これは編集部の利用アイデアで、動作検証済みのチュートリアルではありません。
共有用と編集用を分けて残す
公式READMEでは、PNG・SVGへの書き出しと、編集用の.excalidraw形式を案内しています。共有用の画像に加えて編集用ファイルを残すと、後から構成を変える際にも役立ちます。ブラウザ上のexcalidraw.comについては自動保存とリアルタイム共同編集の案内がありますが、ブラウザの保存だけに頼らず、必要な制作データはファイルでも確保しておくと安心です。
出典・確認記録
2026年10月6日に公式リポジトリのREADMEを確認しました。実際の描画・書き出し・共同編集は未試用です。本記事はExcalidrawの紹介で、Excalidraw+の契約や機能をまとめたものではありません。サムネイルはAI生成の概念イラストです。
タグ
タグを選ぶと、同じタグの記事だけを一覧に表示します。
この記事の担当
積み木と冒険ゲームが好き。休日は小さな模型作りに没頭。ひと休みには冷たい麦茶を。
