draw.io で様々な図を作成する

drawio

GROWI では draw.io 連携機能により、draw.io で図を作成することができます。

draw.io (https://draw.io) とはモックアップやフローチャート、ネットワーク図などを直感的に作成できる無料の作図ツールです。

GROWI のページに draw.io の図を追加する

drawio-create

ページ編集画面の上部にあるツールバーのアイコン (drawio-icon) から draw.io の図を追加することができます。

drawio-editor

ツールバーのアイコン (drawio-icon) を押すと draw.io のエディタ画面が表示されます。この画面からあなたが作成したい図を描くことができます。

drawio-editor-save

上記画面では簡易的な図を作成しました。画面右上の「Save」または「保存」ボタンを押すことで図を保存することができます。

すでに作成した図を編集する

ページ表示画面から図を編集する

drawio-edit

作成した図は図の右上にある「Edit」または「編集」ボタンから編集することができます。

エディタ(編集)画面から図を編集する

また、ページ編集画面からは下記のようなブロックにカーソルを合わせて、ツールバーのアイコン (drawio-icon) を押すことでも編集をすることができます。

::: drawio
(draw.io のデータ形式)
:::