手書き風のイラストや図をブラウザ上で無料で作成・共有できる、オープンソースのオンラインホワイトボードツールです。
・企業：会議やプレゼンで使うシステム構成図や業務フローの説明資料を手書き風に素早く作成でき、リアルタイムで複数人が同時に編集できるため、リモート会議でのアイデア共有がスムーズになります。 ・スタートアップ：アプリ画面の大まかなレイアウト設計（ワイヤーフレーム）やサービスの仕組みを図解する際に、専門ソフトなしでブラウザだけで完結するため、初期コストをかけずにチームで素早く議論を進められます。 ・個人事業主・フリーランス：クライアントへの提案資料や作業フローの説明図を手軽に作成でき、URLリンクひとつで相手に共有できるため、メールへの添付や別途ツールの契約が不要になります。
MiroやFigmaなどの有料ホワイトボードツールと異なり、完全無料で利用でき、データが第三者に読まれない暗号化（エンドツーエンド暗号化）が標準で備わっているため、情報漏えいのリスクを抑えながらコストゼロで運用できます。
機能
Excalidrawエディタ（npmパッケージ）は以下をサポートしています：
- 💯 無料かつオープンソース。
- 🎨 無限のキャンバスベースのホワイトボード。
- ✍️ 手書き風のスタイル。
- 🌓 ダークモード。
- 🏗️ カスタマイズ可能。
- 📷 画像サポート。
- 😀 シェイプライブラリのサポート。
- 🌐 ローカライゼーション（i18n）対応。
- 🖼️ PNG、SVG、クリップボードへのエクスポート。
- 💾 オープンフォーマット -
.excalidrawJSONファイルとして図面をエクスポート。 - ⚒️ 豊富なツール群 - 四角形、円、ひし形、矢印、線、フリーハンド、消しゴム...
- ➡️ 矢印のバインディングとラベル付き矢印。
- 🔙 元に戻す / やり直し。
- 🔍 ズームとパンのサポート。
Excalidraw.com
excalidraw.com でホストされているアプリは、Excalidrawで構築できるもののミニマルなショーケースです。そのソースコードもこのリポジトリに含まれており、アプリには以下の機能があります：
- 📡 PWAサポート（オフラインで動作）。
- 🤼 リアルタイムコラボレーション。
- 🔒 エンドツーエンド暗号化。
- 💾 ローカルファーストサポート（ブラウザに自動保存）。
- 🔗 共有リンク（読み取り専用のリンクにエクスポートして他の人と共有）。
将来的にこれらの機能をnpmパッケージのドロップインプラグインとして追加する予定です。
クイックスタート
注意： 以下の手順は、Excalidrawを自分のアプリに統合する際にExcalidrawのnpmパッケージをインストールするためのものです。開発目的でリポジトリをローカルに実行するには、開発ガイドを参照してください。
npm または yarn を使用してパッケージをインストールしてください。
npm install react react-dom @excalidraw/excalidraw
# または
yarn add react react-dom @excalidraw/excalidraw
詳細はドキュメントをご覧ください！
コントリビューション
- 何か足りないものやバグを見つけましたか？こちらから報告してください。
- コントリビュートしたいですか？コントリビューションガイドをご覧いただくか、Discordでお知らせください。
- 翻訳を手伝いたいですか？翻訳ガイドをご覧ください。
インテグレーション
Excalidrawを統合している組織
Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • その他多数
スポンサーとサポート
プロジェクトを気に入っていただけたら、Open Collectiveでスポンサーになるか、Excalidraw+をご利用ください。
Excalidrawをサポートしてくださりありがとうございます
最後になりましたが、以下の企業がサービスを無料で提供してくださっていることに感謝します：
