---
url: "/ja/copydoc/sync/images.md"
description: "スプレッドシートからテキストを同期するときと同じ命名方法で、外部URL（またはローカルの`.zip`ファイル）の画像をFigmaレイヤーの画像塗りに同期できます。"
---

# スプレッドシートに画像URLを含める

> スプレッドシートからテキストを同期するときと同じ命名方法で、外部URL（またはローカルの`.zip`ファイル）の画像をFigmaレイヤーの画像塗りに同期できます。

[Video](/assets/videos/copydoc/sync/spreadsheet-image.mp4)

テキスト以外のFigmaレイヤーに追加する画像をスプレッドシートで使いたい場合は、`http://`または`https://`で始まる画像URLを貼り付けます（インラインの`` HTMLタグも使えます）。CopyDocプラグインは、これらを自動的に画像として扱います。また、画像の列見出しには、Figmaの画像レイヤーと同じ名前（たとえば **#Poster**）を付けてください。

|#Poster |
|-------|
|https://i.redd.it/3fl2s0q1ug661.jpg|
|https://i.redd.it/3fl2s0q1ug661.jpg|
|https://i.redd.it/3fl2s0q1ug661.jpg|

> **Tip:** **有料のFigmaプランでは動画ファイルにも対応しています**。ネイティブの動画サポートに関する[Figmaのドキュメント](https://help.figma.com/hc/en-us/articles/8878274530455-Add-video-to-prototypes)のとおり、有料のFigmaプラン（Education、Professional、Organization、Enterpriseチーム）のFigmaファイルでCopyDocを実行している場合は、上記の画像の同期例と同じ方法で動画も同期できます。動画ファイルは最大100mbで、.mp4、.mov、.webm形式に対応しています。

## XLSXインポートでコンピューター上のローカル画像ファイルを同期する {#sync-local-image-files-from-your-computer-via-xlsx-import}

### 動画チュートリアル：スプレッドシートを使って画像フォルダをFigmaレイヤーに同期する

この動画では、CopyDocプラグインを使って、スプレッドシートで画像フォルダをFigmaレイヤーに同期する方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/4JV01bi8nOw)

### 動画チュートリアル：スプレッドシートからFigmaレイヤーにSVGアイコンを同期する

この動画では、CopyDocプラグインを使って、スプレッドシートからFigmaレイヤーにSVGアイコンを同期する方法を説明しています。
[Embedded media](https://www.youtube-nocookie.com/embed/eybeymh7IdQ)

オンラインの画像URLではなく、すでにコンピューターに保存している画像を使いたい場合は、画像をXLSXファイルと一緒にzip圧縮します。

やり方がわからない場合は、XLSXスプレッドシートを使って画像フォルダをFigmaレイヤーに同期する方法を解説した、上記のステップバイステップの動画チュートリアルをご覧ください。

> **Warning:** **特殊文字を含む画像ファイルのzipエンコード**。「æøå」のような文字を含むローカル画像ファイル（たとえば`Læge.png`）をzip圧縮する場合は、zipファイルのエンコードが正しいことを確認してください。正しくないと、これらの文字が自動的に削除または置き換えられ、スプレッドシート内の同じファイル名と一致しなくなります。Macの場合は、右クリック→「圧縮」を使えば問題ありません。Windowsの場合は、[WinRAR](https://www.win-rar.com/download.html?&L=0)アプリを使えば正しく圧縮できます。

> **Note:** **ローカルのzipファイルは最大2gbまで**。ブラウザにはタブごとに2gb（ギガバイト）のメモリ制限があり、Figmaアプリとブラウザ版のどちらもこの制限を受けます。そのため、コンテンツの同期のためにCopyDocにドロップするローカル画像入りの`.zip`ファイルは、2gb（ギガバイト）*未満*である必要があります。2gb以上の場合、プラグイン内でファイルを解凍する際のメモリ制限を超えるため、コンテンツは読み込まれません。

## スプレッドシートの行に合わせて1つのFigmaレイヤーを自動で繰り返す {#auto-repeat-a-single-figma-layer-with-your-spreadsheet-rows}

[Video](/assets/videos/copydoc/sync/auto-repeat-sync.mp4)

**Content**または**Styles**の同期タブを使うときは、**Auto Repeat**のトグルをオンにすると、1つのFigmaレイヤーを自動で繰り返せます。選択した元のFigmaレイヤーが自動的にコピーされ、スプレッドシートのデータの行数と同じ数だけ複製されます。

これを使うと、1つのカード、カタログアイテム、キャンペーンのレイアウトから、スプレッドシートの行ごとにコンテンツを流し込んだデザインを作れます。デザイン内のテキストレイヤーと画像レイヤーには、対応するスプレッドシートの列が使われます。

メインコンポーネントを選択した場合、CopyDocは行ごとにインスタンスを作成します。既存のインスタンスを選択した場合はそのインスタンスが、フレームを選択した場合はそのフレームが複製されます。

選択したFigmaレイヤーが、Auto Layoutが有効な別のFigmaレイヤーの直下にすでにある場合は、選択したレイヤーがその親レイヤーの中に自動的に複製されます。そうでない場合は、CopyDocが新しいAuto Layoutフレームを作成し、その中に新しいFigmaレイヤーを複製します。

### 自動で繰り返す親レイヤーの動的な名前 {#dynamic-auto-repeating-parent-layer-names}

[Video](/assets/videos/copydoc/sync/auto-renaming-frames.mp4)

複製した各Figmaレイヤーにスプレッドシートから名前を付けるには、選択したテンプレートレイヤーの名前を列見出しと一致させます。CopyDocは、各行のその列の値を新しいレイヤー名として使います。

先頭の`#`は1つまでなら省略できます。`#Title`という名前のレイヤーは`Title`列に、`Title`という名前のレイヤーは`#Title`列に一致させられます。両方の見出しがある場合は、値が空欄でも完全に一致するほうが優先されます。大文字・小文字とスペースは一致している必要があります。

スプレッドシートに一致するレイヤー名がない場合、CopyDocプラグインは元のFigmaレイヤー名に行番号を付けた名前（例：`My Frame Layer (Row 3)`）を使います。