# 図形

GitBook の組み込み機能を使って、直接図やスケッチを作成できます。 [Excalidraw](https://excalidraw.com/) エディター。その後、GitBook のページにそのまま追加できます。

図を作成するには、 `/` 空行で押して挿入パレットを開き、 **図**を選択します。これにより Excalidraw ツールのポップオーバーが開きます。終わったらポップオーバーを閉じるだけで、図は GitBook のページに表示されます。

GitBook は、スペース内の図を特別な SVG ファイルとして保存します。これらのファイルの拡張子は `drawing.svg`.

### 図ブロックの例

<img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FEU4IQ0zVbLLZ2o7ivizA%2Ffile.excalidraw.svg?alt=media&#x26;token=789b9484-cf49-41d7-88ac-61bb1480e85f" alt="GitBook で描かれた図" class="gitbook-drawing">

### GitBook AI で描画する

図ブロックを使用しているときは、プロンプトを指定して GitBook AI にイラストを生成させることができます。プロンプトを入力して **生成**を押すか、提案されたプロンプトのいずれかを選んで始めてください。

GitBook AI が図の作成を完了すると、ダブルクリックしてフルの描画パレットを開き、好きなように編集できます。

図を編集するときは、 **AI を使って生成** ボタンをクリックすると、GitBook AI のプロンプトエディターが再び開き、新しい図を生成できます。

### Markdownでの表現

```markdown
<img src="https://example.com/file.svg" alt="図の説明の例" class="gitbook-drawing">
```