📖 プロトタイピングツールを埋め込む
DocBaseではプロトタイピングツールの埋め込みに対応しています。
対応してほしいサービスがある場合は、画面左下のサポートからご連絡ください :email: 

YoutubeやGoogle Docsなど、動画・スライドサービスの埋め込みは以下をご参照くだださい。
#{https://help.docbase.io/posts/18679}

# 対応サービス
- [Marvel](#marvel)
- [Figma](#figma)
- [draw.io](#drawio)

# Marvel
https://marvelapp.com/

### 1. プロジェクトページ右上の「Share」アイコンをクリック
![d2f0f664-eb65-4480-a3ee-483cb1f7afc0.png](https://image.docbase.io/uploads/8b52b187-e0a6-474b-9833-b1f80269e66c.png)

### 2. 「Embed」のタブに切り替え、テキストボックスに表示されたiframeコードをコピー
![a07937d9-00c9-4109-bf2a-ce1ecf660465.png](https://image.docbase.io/uploads/9187735b-3bfc-4c5e-96a3-859bf4b415db.png)


# Figma
https://www.figma.com/

### 1. ページ右上の Share ボタンをクリック
![figma\_1\_edited.png](https://image.docbase.io/uploads/2f4c4bc0-c1d1-4440-9540-ab47d7e054a2.png =600x)

### 2. 「Get embed code」をクリック
![figma\_2.png](https://image.docbase.io/uploads/90ecd03d-bd0d-4298-912c-64f03eba1adc.png =600x)

### 3. テキストボックスに表示された iframe コードをコピー
![figma\_3.png](https://image.docbase.io/uploads/068131b2-e8ce-4eb9-b99a-2522b914664b.png =600x)


# draw.io
https://drawio-app.com/

### 1. ページ上メニューの 「File」 をクリック
![draw\_1.png](https://image.docbase.io/uploads/02364985-99c9-4fc1-a242-79768003672a.png =600x)

### 2. 「Embed」にカーソルを合わせると表示されるメニューの「IFrame」をクリック
![draw\_2.png](https://image.docbase.io/uploads/12f303ac-7d3f-4270-9c7f-7d88270c22ed.png =600x)

### 3. Create ボタンをクリック（諸設定は任意）
![draw\_3.png](https://image.docbase.io/uploads/a729d986-2d30-4115-8b5c-8552100cad54.png =600x)

### 4. テキストボックスに表示された iframe コードをコピー
![draw\_4.png](https://image.docbase.io/uploads/9adaea0e-8964-4300-b521-372fdeaea719.png =600x)