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

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

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

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

有料のFigmaプランでは動画ファイルにも対応しています。ネイティブの動画サポートに関するFigmaのドキュメントのとおり、有料のFigmaプラン（Education、Professional、Organization、Enterpriseチーム）のFigmaファイルでCopyDocを実行している場合は、上記の画像の同期例と同じ方法で動画も同期できます。動画ファイルは最大100mbで、.mp4、.mov、.webm形式に対応しています。

XLSXインポートでコンピューター上のローカル画像ファイルを同期する ​

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

この動画では、CopyDocプラグインを使って、スプレッドシートで画像フォルダをFigmaレイヤーに同期する方法を説明しています。

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

この動画では、CopyDocプラグインを使って、スプレッドシートからFigmaレイヤーにSVGアイコンを同期する方法を説明しています。

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

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

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

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

スプレッドシートの行に合わせて1つのFigmaレイヤーを自動で繰り返す ​

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

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

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

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

自動で繰り返す親レイヤーの動的な名前 ​

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

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

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