---
url: "/ja/convertify/export/procreate.md"
description: "Convertifyで、Figmaのフレームをレイヤー、グループ、不透明度、描画モードを保ったままProcreateの.procreateキャンバスにエクスポートします。"
---

# FigmaからProcreateへのエクスポート

> Convertifyで、Figmaのフレームをレイヤー、グループ、不透明度、描画モードを保ったままProcreateの.procreateキャンバスにエクスポートします。

Figmaのデザインを[Procreate](https://procreate.com/procreate)用にエクスポートするには、**Export from Figma**タブをクリックし、ワークフローセレクターから**Export Figma to Procreate (Beta)** を選びます。

> **Tip:** **Procreateへのエクスポートはベータ版です。** キャンバスに描き始める前にProcreateで確認し、想定どおりに変換されないフレームがあればお知らせください。

## キャンバスサイズを選ぶ {#choosing-a-canvas-size}

Procreateのキャンバスはピクセル単位で指定します。エクスポートする前に**Canvas size**を選んでください。

- **1x**では、キャンバスのピクセル数がFigmaのフレームと同じになります。
- **2x**（デフォルト）、**3x**、**4x**では、キャンバスが2倍、3倍、4倍の大きさになり、Procreateで拡大して描くときにより鮮明な仕上がりになります。

キャンバスの長辺は、ほとんどのiPadでProcreateが開ける上限である8192 pxまでに制限されます。それより大きいフレームは収まるように縮小され、その場合はConvertifyがお知らせします。

## フレームをProcreateのアニメーションとしてエクスポートする {#exporting-frames-as-a-procreate-animation}

**Export frames as one animation**をオンにすると、選択したフレーム（またはページ上のすべてのフレーム）が、最初のフレームと同じサイズの1つのAnimation Assistキャンバスとしてエクスポートされます。各フレームがアニメーションのフレームになります。

- **順序とタイミング**は、ページのフローの開始点から、各フレームの**After delay**プロトタイプリンクに従います。最も短い遅延時間がフレームレートになり、それより長い遅延時間ではそのフレームが表示され続けます。リンクがない場合は、フレームが左から右、上から下の順に、毎秒15フレームで再生されます。
- 最後のフレームが最初のフレームにリンクしている場合は、**ループ再生**がオンになります。そうでない場合、アニメーションは1回だけ再生されます。
- 最初のフレームの単色の塗りがキャンバスの背景になります。それ以降のフレームで塗りが異なる場合は、その塗りが**Background**レイヤーとして残ります。

## 現在のFigmaページをProcreateにエクスポートする {#exporting-the-current-figma-page-to-procreate}

ページ上のすべてのフレームを変換するには、**Export This Page**をクリックします。各フレームがそれぞれ1つのProcreateキャンバスになります。

## 選択したFigmaフレームをProcreateにエクスポートする {#exporting-selected-figma-frames-to-procreate}

特定のフレームだけをエクスポートしたい場合は、そのフレームを選択してから**Export Selected Frames**をクリックします。

## レイヤーの変換のされ方 {#how-your-layers-come-across}

- フレーム内の各**最上位レイヤー**は、名前、表示・非表示、ロック、不透明度、描画モードを保ったまま、Procreateのレイヤーになります。
- **グループ**（および塗り、線、クリッピングのないフレーム）は、名前、表示・非表示、ロック、不透明度を保ったまま、Procreateのグループになります。Procreateのグループにはほかのグループを入れられないため、それより深くネストされたものは、その最上位レイヤーに統合されます。
- **フレームの単色の塗り**は、キャンバスの背景色になります。フレームのグラデーション、画像、複数の塗り、線、効果は、代わりに**Background**レイヤーになります。
- **マスク**は、クリップしている各レイヤーのProcreateのレイヤーマスクになるため、Procreateで引き続き編集できます。輝度マスクは明るい部分と暗い部分を保ち、複数のマスクの下にあるレイヤーでは、それらのマスクが1つにまとめられます。
- Procreateからインポートしたキャンバスでは、Figmaにないクリッピングマスク、Alpha Lock、描画モードが保持されます。
- Procreateはピクセルで描画するため、**テキスト、ベクター、効果**は各レイヤーにレンダリングされ、編集できなくなります。
- フレームの外側にあるコンテンツは、キャンバスに合わせてトリミングされます。
- キャンバスにはFigmaファイルのカラープロファイルが使われます。Display P3のファイルでは**Display P3**、それ以外では**sRGB**になります。

## Figmaから.procreateファイルをダウンロードする {#downloading-your-procreate-file-from-figma}

Convertifyの処理が終わったら、`.procreate`ファイルをダウンロードします。複数のフレームをエクスポートした場合は、キャンバスがまとめて`.zip`ファイルでダウンロードされます。

> **Tip:** **Figmaからダウンロードしたファイルの保存** Figmaの**デスクトップアプリ**を使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、**Webブラウザ**でFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンの**Downloads**フォルダに保存されます）。

## .procreateファイルをProcreateで開く {#opening-your-procreate-file-in-procreate}

1. AirDrop、ファイルアプリ、または任意のクラウドストレージを使って、`.procreate`ファイルをiPadに移します。`.zip`をダウンロードした場合は、先に解凍してください（ファイルアプリでタップします）。
2. `.procreate`ファイルをタップしてProcreateで開くか、Procreateのギャラリーで**Import**をタップしてファイルを選びます。
3. キャンバスがギャラリーに表示され、レイヤーをすぐに編集できます。