---
url: "/ja/copydoc/sync/google-sheets.md"
description: "公開されたGoogle SheetsをCopyDocに接続し、スプレッドシートのコンテンツを対応するFigmaレイヤーに同期できます。"
---

# Google SheetsのコンテンツをFigmaに同期する

> 公開されたGoogle SheetsをCopyDocに接続し、スプレッドシートのコンテンツを対応するFigmaレイヤーに同期できます。

### 動画チュートリアル：Google SheetsのスプレッドシートのコンテンツをFigmaに同期する

この動画では、CopyDocプラグインを使って、Google SheetsのスプレッドシートのコンテンツをFigmaのデザインに同期する方法を解説しています。
[Embedded media](https://www.youtube-nocookie.com/embed/J67CDH5XkWk)

### 動画チュートリアル：スプレッドシートからFigmaレイヤーを自動で繰り返して同期する

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

## Google SheetsのコンテンツをFigmaレイヤーに同期する {#syncing-your-google-sheet-content-to-figma-layers}

[Video](/assets/videos/copydoc/sync/google-sheets-sync.mp4)

スプレッドシートをGoogle Sheetsで作成している場合は、CopyDocプラグインのメイン画面で**Sync Content**ボタンをクリックすると、この機能の設定パネルが開き、Figmaのデザインと同期できます。

### Google Sheetsのリンクを公開してURLをコピーする {#making-your-google-sheet-link-public-and-copying-the-url}

CopyDocには、スプレッドシートを読み取る権限が必要です。URLをコピーする前に、Google Sheetsで**Share**を選び、**Restricted**を**Anyone with the link**に変更してください。

> **Info:** 会社のポリシーでリンクの共有ができない場合は、Google SheetsをExcel（`.xlsx`）ファイルとしてダウンロードしてください。[そのファイルをCopyDocにドラッグ＆ドロップ](/ja/copydoc/sync/spreadsheet-file)すれば、シートを公開しなくても同じ同期のワークフローを使えます。

### Google SheetsのURLを貼り付けてFigmaと同期する {#pasting-your-google-sheet-url-and-syncing-with-figma}

公開したGoogle SheetsのURLを**Your Public Google Sheet URL**入力欄に貼り付けると、スプレッドシートの内容をプレビューできます。有効な公開URLで、正しく構成されていれば、貼り付けたあとに含まれる見出しのプレビューが自動的に読み込まれます。

スプレッドシートの見出しに合わせて名前を変更したレイヤーを含むレイヤーを、Figmaで1つ以上選択してから、**Sync Rows with Layers**ボタン（**Auto Repeat**がオンの場合は**Sync & Repeat Selected Layer**）をクリックします。スプレッドシートのコンテンツが、選択した名前変更済みのFigmaレイヤーと同期されます。

> **Warning:** **フォントが見つからないFigmaのテキストレイヤーは更新できません。** Figmaのテキストレイヤーに[見つからないフォント](https://help.figma.com/hc/en-us/articles/360039956994-Manage-missing-fonts)が含まれている場合、プラグインはそのレイヤーを更新できません。CopyDocプラグインで何らかの更新を行いたいテキストレイヤーは、見つからないフォントの問題を解決しておいてください。

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