Excalidrawで描く！OSSの手書き風描画ツール

概要

項目名：Excalidraw

Excalidrawは、オープンソースで無料のバーチャルホワイトボードであり、オンラインでリアルタイムに協力できるホワイトボードツールを提供し、ユーザーが簡単な図形や図を作成できるようにします。

GitHub（65.3k stars🌟）

GitHub - excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams

Virtual whiteboard for sketching hand-drawn like diagrams - GitHub - excalidraw/excalidraw: Virtual whiteboard for sketc...

github.com

オンライン：

Excalidraw — Collaborative whiteboarding made easy

Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel t...

excalidraw.com

Excalidrawエディター（npmパッケージ）がサポートしている機能：

• 💯 無料でオープンソース。
• 🎨 無限のキャンバスベースのホワイトボード。
• ✍️ 手描き風のスタイル。
• 🌓 ダークモード対応。
• 🏗️ カスタマイズ可能。
• 📷 画像サポート。
• 😀 図形ライブラリサポート。
• 👅 ローカリゼーション（i18n）サポート。
• 🖼️ PNG、SVGおよびクリップボードへのエクスポート。
• 💾 オープンフォーマット – .excalidraw jsonファイルとして図面をエクスポート。
• ⚒️ 幅広いツール – 長方形、円、ダイヤモンド、矢印、線、フリードロー、消しゴムなど。
• ➡️ 矢印バインディングとラベル付き矢印。
• 🔙 元に戻す/やり直し機能。
• 🔍 ズームとパンニングサポート。

インストール

インストール方法もとても簡単です。

まず、Excalidrawプロジェクトをクローンします。

git clone https://github.com/excalidraw/excalidraw.git

次に、Excalidrawディレクトリに入ります。

cd excalidraw

以下のコマンドを実行します。

yarn

起動します。

yarn start

使用例