機能
ライブラリから図形をドラッグし、図形の縁にある矢印でつなぎ、ワンクリックで自動的にレイアウトできます。ファイルは draw.io 形式で、draw.io や diagrams.net でも開けます。
主な機能
- draw.io ファイル
- 圧縮またはプレーンの .drawio ファイルと .drawio.svg 画像を開きます。グループ、コネクタのラベル、矢印の先端は保持されます。保存したファイルは draw.io と diagrams.net で開けます。
- クイック接続
- 選択した図形の縁にある矢印をクリックすると、その方向に図形が複製されて接続されます。矢印を何もない場所にドラッグすると新しい図形が作成され、別の図形の上で離すと 2 つが接続されます。
- 図形ライブラリ
- 基本、フローチャート、UML（クラス、アクター、ユースケース、ライフライン）、ネットワークとサーバー、マインドマップ。ライブラリは検索できます。
- コネクタ
- 直角、直線、曲線のコネクタ。中継点をドラッグし、矢印の先端（塗りつぶし、白抜き、ひし形、円）を選び、ワンクリックで向きを反転できます。
- 自動レイアウト
- ダイアグラム全体または選択した部分を、上から下、または左から右へ階層的に配置します。交差するコネクタが減らされます。
- 書き出し
- PNG（1×、2×、3×）、SVG、draw.io で再編集できる SVG。ページ全体または選択範囲のみ、白または透明の背景で。
- ページ
- 1 つのファイルに複数のページ。ページの名前の変更、複製、並べ替えができます。
- 整列とグリッド
- 整列、均等配置、幅 / 高さを揃える。グリッドへのスナップはオン/オフを切り替えられます。
- テキスト、付箋、フリーハンド描画
- 図形やコネクタをダブルクリックするとテキストを入力できます。付箋とフリーハンド描画のツールもあります。
- 下書き
- 開いているダイアグラムは、保存していなくてもこのデバイスに保持されます。ページを閉じて開き直すと、続きから作業できます。
デバイスとブラウザ
- タッチスクリーンでは図形を指で動かし、拡大・縮小とスクロールは 2 本指で行います。
- スマートフォンでは、ツールは画面の下部にあり、ライブラリと書式パネルは下から開くシートにあります。
- ファイルのその場での保存は Chrome、Edge、Opera で利用できます。ほかのブラウザでは、保存したファイルはダウンロードされます。
キーボードショートカット
macOS では ⌘ と ⌥、Windows と Linux では Ctrl と Alt を使用します。
| ショートカット | 操作 |
|---|---|
| V · H | 選択 · 手のひら（スクロール） |
| R · O · D | 長方形 · 楕円 · 判断 |
| C · T · N · P | コネクタ · テキスト · 付箋 · フリーハンド |
| Ctrl/⌘ D | 複製 |
| Ctrl/⌘ ⇧ H | 全体を表示 |
| Ctrl/⌘ ⇧ E | 書き出す |
タッチスクリーンでは、ハンドルと接続用の矢印は指でつかめる大きさです。ツールバーは画面の下部にあります。