---
url: "/ja/copydoc/sync/structure-figma.md"
description: "Figmaで、テキストレイヤーの名前を、スプレッドシートですでに設定した見出し名と同じ名前に変更します。"
---

# スプレッドシートに合わせてFigmaのレイヤーに名前を付ける

> Figmaで、テキストレイヤーの名前を、スプレッドシートですでに設定した見出し名と同じ名前に変更します。

[Video](/assets/videos/copydoc/sync/naming-figma-layers.mp4)

たとえば、スプレッドシートの見出しを **#Title**や **#Description**にした場合は、テキストレイヤーにも **#Title**や **#Description**という名前を付けます。こうすることで、後でプラグインでスプレッドシートを同期するときに、両者が確実に対応付けられます。

## 特定の行をFigmaレイヤーに割り当てる {#assigning-specific-rows-to-figma-layers}

スプレッドシートの特定の行を親のフレームレイヤーと同期するには、レイヤー名の末尾にピリオド（.）と対象の行番号を追加します。たとえば、親のフレームレイヤーの名前を`#My Frame`から`#My Frame.3`に変更すると、そのフレームレイヤーを選択してスプレッドシートを指定したときに、スプレッドシートの3行目のデータを使って同期されます。デフォルトでは、1つのフレームやレイヤーを同期すると1行目が使われます。

同じ命名規則を使えば、親フレーム内の*個々の*子テキストレイヤーに使う行を上書きすることもできます。たとえば、ネストされたテキストレイヤーの名前を`#Heading`から`#Heading.5`に変更すると、親フレームが`#My Frame.3`（ほかの同期データには3行目を使用）に設定されている*場合でも*、このレイヤーにはスプレッドシートの5行目のデータが使われます。

このオプションの命名規則を使うと、同期の際に各レイヤーをどの行のデータで埋めるかを細かく制御できます。

> **Tip:** **Figmaレイヤーにランダムな行を割り当てる**。Figmaレイヤーを*ランダムな*行の値と同期したい場合は、Figmaレイヤー名の末尾、見出し名の直後に`.x`を追加します。たとえば`#Title.x`は、常にスプレッドシートの **#Title**列からランダムな行を取得します。

## Figmaの画像レイヤー {#figma-image-layers}

スプレッドシートで画像コンテンツを更新する場合は、Figmaの画像レイヤーにも、列の各行に画像URLが入っているスプレッドシートの見出し名（たとえば **#Poster**）を付けられます。スプレッドシートを同期すると、Figmaレイヤーが自動的に画像コンテンツに置き換えられます。

## （テキスト以外の）Figmaレイヤーの名前を更新する {#updating-non-text-figma-layer-names}

テキスト以外のFigmaレイヤーの名前を変更したい場合は、レイヤー名（たとえば**My Frame**）を列見出しの名前として使い、その下の行に新しい名前を追加します。スプレッドシートを同期すると、名前が一致するFigmaレイヤーの名前が自動的に変更されます。

## スプレッドシートの行に合わせて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)`）を使います。