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

drawio

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

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

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 のデータ形式)
:::