---
url: "/ja/copydoc/update/export.md"
description: "Figmaフレームからテキストレイヤーをエクスポートすると、任意のテキスト・スプレッドシート編集ソフトウェアを使ってFigmaの外で内容を更新し、後で更新したテキストをすぐにFigmaのデザインへ再インポートできます。"
---

# Figmaのテキストレイヤーのコンテンツをエクスポートする

> Figmaフレームからテキストレイヤーをエクスポートすると、任意のテキスト・スプレッドシート編集ソフトウェアを使ってFigmaの外で内容を更新し、後で更新したテキストをすぐにFigmaのデザインへ再インポートできます。

[Video](/assets/videos/copydoc/export/exporting-text-layers.mp4)

CopyDocの**Export Text Layers**機能を使うと、現在のFigmaページにある最上位の親フレームのテキストレイヤーをすべて、`.csv`、`.json`、`.md`、`.xliff`ファイル（オプションでデザインの参照画像付き）にエクスポートして、コンピューターにダウンロードできます。

CopyDocは、通常のテキストレイヤーとパス上に配置されたテキストを対象にします。選択範囲ベースのエクスポートを使う場合は、Figmaのセクション内にある対応テキストも検出できます。

## はじめに：テキストレイヤーを含めるFigmaフレームを選択する {#getting-started-and-selecting-your-figma-frames-to-include-text-layers-from}

この機能を使うには、CopyDocのメイン画面で**Export Text Layers**ボタンをクリックします。

現在のFigmaページから、CSV、JSON、Markdown、XLIFFのエクスポートでページとして使いたいフレームを選択できるようになります。

CopyDocは、現在のFigmaページにあるすべての「親フレーム」をプラグインに読み込み、フレームの一覧として表示します。この一覧から、エクスポートにテキストレイヤーを含めたいフレームを選びます。フレームのチェックボックスまたはサムネイル画像をクリックすると選択され、もう一度クリックすると選択が解除されます。

### フレームとテキストレイヤーの並び順 {#ordering-frames-and-text-layers}

並び順のコントロールを使って、Figmaのレイヤー順、レイヤー名、見た目の行、見た目の列、または利用可能なカスタム順に並べられます。見た目による並べ替えでは、少しずれている要素も同じ行や列にまとめられます。レイヤー名は自然順で並べ替えられるため、`Frame 2`のような名前は`Frame 10`より前に表示されます。

これらの設定はエクスポートの順序を制御するだけで、Figmaのキャンバス上のレイヤーの名前や配置は変更しません。ローカライズのプレビューを手動で並べ替える場合は、引き続きドラッグ＆ドロップで行います。

> **Note:** **最上位のFigmaフレームが必要です** テキストレイヤーをCSV、JSON、Markdown、XLIFFにエクスポートするには、Figmaページに「親フレーム」が1つ以上必要です。親フレームとは、ページの*直下*にある「フレーム」のことです。

## エクスポート形式とCSV・JSON・Markdown・XLIFFのオプションを選択する {#selecting-your-export-format-and-csv-json-markdown-xliff-options}

### ロックされたFigmaレイヤーをエクスポートから除外する {#excluding-locked-figma-layers-from-export}

**Exclude Locked**オプションを有効にすると、Figmaページ上でロックされているテキストレイヤーや、ロックされた親レイヤー（フレーム、グループ、コンポーネントなど）の中にあるテキストレイヤーが自動的にスキップされます。エクスポートに含めたくないテキストレイヤーを除外するのに使えます。

### Figmaの見た目の大文字・小文字を維持する {#maintaining-the-visual-text-case-from-figma}

**Use Figma Text Case**オプションを有効にすると、エクスポートされるテキストレイヤーが、Figmaのテキストレイヤーに設定された「見た目」の大文字・小文字（たとえば「Uppercase」「Title Case」「Lowercase」）に強制的に合わせられます。テキストレイヤーの元の内容（たとえば、デフォルトの「As typed」設定を選んだときの表示）ではなく、デザインでの見た目どおりのテキストをエクスポートしたい場合に使えます。

### デザインの参照画像を含める {#including-design-references}

**Include Design References**オプションを有効にすると、エクスポート対象に選択した各フレームの`.png`画像が含まれます。これらは、`.csv`、`.json`、`.md`、`.xliff`ファイルにエクスポートしたテキストと並べてデザインの参照画像として使えます。

### 重複するテキストレイヤーをまとめる {#grouping-duplicate-text-layers}

**Group Duplicate Text Layers**オプションを有効にすると、内容がまったく同じテキストレイヤーが、CSV、JSON、Markdown、XLIFFのエクスポートで自動的に1つの項目にまとめられます。このオプションを使うと、テキストを1か所で編集するだけで、変更後に同じテキストを持つすべてのレイヤーに再インポートされるため、コンテンツの編集とFigmaへの再インポートが少し楽になります。

### Figmaフレームを別々のファイルに分ける {#splitting-figma-frames-into-separate-files}

デフォルトでは、CopyDocは選択したすべてのFigmaフレームを1つのドキュメントファイル（たとえば`.csv`、`.xslx`など）にエクスポートします。Figmaフレームごとに別のドキュメントファイルとしてエクスポートしたい場合は、エクスポート設定で**Export File Per Frame**オプションを有効にします。

> **Note:** なお、**Group Duplicate Text Layers**オプションも有効になっている場合、このオプションは使えません。まとめるオプションでは、すべてのテキストレイヤーを1つのファイルとしてエクスポートする必要があるためです。

## CSV・JSONのエクスポートにカスタムテキストバリアントのプレースホルダーを追加する {#adding-custom-text-variant-placeholders-to-csv-or-json-exports}

CSVやJSONファイルで外部で変更したテキストをエクスポート・再インポートするよくある用途の1つは、Figmaのテキストを別バージョンのコンテンツにすばやく差し替えることです。多くの場合、これはコンテンツを別の言語に翻訳するローカライズや、A/Bテスト用に別のコンテンツを試す場合などです。

複数の言語やテキストバリアントでこれを行う必要がある場合は、エクスポート形式の選択ボックスで**CSV (Custom)** または**JSON (Custom)** オプションを選択します。どちらかを選ぶと新しいテキスト入力欄が表示され、CSVやJSONのエクスポートに含める独自のカスタムテキストバリアントのプレースホルダーを追加できます。

たとえば、現在のFigmaデザインのテキストレイヤーを複数の言語に翻訳する必要があるとわかっている場合は、*Japanese*、*Dutch*、*French*というカスタムバリアントを追加します。これらはすべて追加のCSV列またはJSONプロパティとして追加されるので、Figmaからコンテンツをエクスポートした後に翻訳したテキストを入力できます。

後でこれらのテキストの更新をCopyDocプラグインでFigmaに再インポートする場合は、1つのCSVまたはJSONファイル内の任意のバリアントをすぐに選んで差し替えられるため、複数のファイルを管理するよりもずっと簡単です。

## テキストコンテンツをエクスポートしてダウンロードする {#exporting-and-downloading-your-text-content}

エクスポート設定がすべて整ったら、エクスポートパネル上部の**Export**ボタン（たとえば**Export CSV**）をクリックして、FigmaのテキストレイヤーをCSV、JSON、Markdown、XLIFFへエクスポートし始めます。

CopyDocがテキストレイヤーの処理を終えると、確認メッセージが表示されます。**Download … Export**ボタン（たとえば**Download CSV Export**）をクリックすると、エクスポートしたテキストファイル（およびオプションの画像ファイル）を含む`.zip`ファイルをダウンロードできます。

Figmaからコンピューターに`.zip`ファイルをダウンロードしたら、ファイルエクスプローラーで保存先のフォルダを開きます。エクスポートした`.zip`ファイルを**ダブルクリック**すると中身が解凍され、エクスポートしたテキストを自由に使えるようになります。

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

## 任意の選択範囲からテキストレイヤーをクイックエクスポートする {#quick-export-text-layers-from-any-layer-selection}

[Video](/assets/videos/copydoc/export/quick-export-text-layers.mp4)

最上位のFigmaフレームに限らず、任意のFigmaレイヤーの選択範囲からテキストレイヤーをすばやくエクスポートしたい場合は、CopyDocプラグインの**Quick Export**ボタンをクリックし、ファイルをコンピューターにダウンロードします。このファイルを編集すれば、**Import Text Layers**機能を使ってテキストレイヤーを更新することもできます。

## 動画チュートリアル {#video-tutorials}

### 動画チュートリアル：CSVファイルでFigmaのテキストレイヤーをインポート・エクスポートする

この動画では、CopyDocプラグインを使って、CSVファイルでFigmaのテキストレイヤーをインポート・エクスポートする方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/16QHfpJ8M7E)

### 動画チュートリアル：Airtable同期でFigmaのテキストをエクスポート・再インポートする

この動画では、CopyDocプラグインを使って、Airtable同期でFigmaのテキストをエクスポート・再インポートする方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/ZoyLiC8riPc)

### 動画チュートリアル：JSONファイルでFigmaのテキストレイヤーをインポート・エクスポートする

この動画では、CopyDocプラグインを使って、JSONファイルでFigmaのテキストレイヤーをインポート・エクスポートする方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/Nn01U9o_D9o)

### 動画チュートリアル：Figmaで選択したテキストレイヤーをエクスポート・再インポートする

この動画では、CopyDocプラグインを使って、Figmaで選択したテキストレイヤーをエクスポート・再インポートする方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/gCQZiVV7HOM)

### 動画チュートリアル：MarkdownファイルでFigmaのテキストレイヤーの内容を更新する

この動画では、CopyDocプラグインを使って、MarkdownファイルでFigmaのテキストレイヤーの内容を更新する方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/LIeoBRnuchM)

### 動画チュートリアル：DOCXファイルを使ってMicrosoft WordからFigmaのテキストを更新する

この動画では、CopyDocプラグインを使って、DOCXファイルでMicrosoft WordからFigmaのテキストを更新する方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/eULh-xz99NU)

### 動画チュートリアル：DOCXファイルを使ってGoogle DocsからFigmaのテキストを更新する

この動画では、CopyDocプラグインを使って、DOCXファイルでGoogle DocsからFigmaのテキストを更新する方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/QA1mmImf7EI)

### 動画チュートリアル：DOCXファイルを使ってOffice 365からFigmaのテキストを更新する

この動画では、CopyDocプラグインを使って、DOCXファイルでOffice 365からFigmaのテキストを更新する方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/Wj9_H2yhibg)

## CopyDocの関連ガイド {#related-copydoc-guides}

- [CopyDocのローカライズワークフロー](/ja/copydoc/localization/export)を使って、複数のロケール向けにテキストをエクスポート、翻訳、再インポートできます。
- セットアップの手順をひととおり確認するには、[CopyDocのクイックスタートガイド](/ja/copydoc/overview/quickstart)をご覧ください。
- スプレッドシート同期、テキストの更新、ドキュメントのエクスポートについては、[CopyDoc Figmaプラグイン](https://www.hypermatic.com/copydoc/)のページをご覧ください。