---
url: "/ja/copydoc/library/snippets.md"
description: "CopyDocの組み込みのコンテンツライブラリで、再利用できるテキストスニペットを作成し、Figmaのデザインに挿入できます。"
---

# コンテンツライブラリを使う

> CopyDocの組み込みのコンテンツライブラリで、再利用できるテキストスニペットを作成し、Figmaのデザインに挿入できます。

### 動画チュートリアル：Figmaで再利用できるテキストコンテンツライブラリを作成する

この動画では、CopyDocを使って、Figmaで再利用できるテキストコンテンツライブラリを作成する方法を解説しています。
[Embedded media](https://www.youtube-nocookie.com/embed/x-gNQqwIOLw)
### 動画チュートリアル：Figmaにテキスト展開のコンテンツスニペット用ショートカットを追加する

この動画では、CopyDocプラグインを使って、Figmaにテキスト展開のコンテンツスニペット用ショートカットを追加する方法を解説しています。
[Embedded media](https://www.youtube-nocookie.com/embed/OZCbuLVsDmI)

## テキスト展開スニペットの作成 {#creating-text-expander-snippets}

[Video](/assets/videos/copydoc/library/create-snippet.mp4)

**Content Library**パネルを開いたら、**Collections**タブで最初のテキストスニペットを作成します。**Add New Snippet +** ボタンをクリックし、必須の項目を入力します。

### トリガーショートカット名 {#trigger-shortcut-name}

トリガーショートカットは、Figmaのテキストレイヤーに入力（またはコピー＆ペースト）すると内容が展開される特別なキーワードです（例：`//expandme`）。

### コレクションに追加（省略可） {#add-to-collection-optional}

新しく追加したテキストスニペットは、初期設定では「Uncategorized」になります。カスタムのコレクション名を作成する（または以前に作成したコレクションを選ぶ）と、スニペットをカテゴリ別に整理できます。

### テキストコンテンツのスニペット {#text-content-snippet}

テキストコンテンツのスニペットには、コンテンツライブラリでスニペットをクリックしたときにFigmaのテキストレイヤーに適用される文字列が入ります。

1つのテキストスニペットに複数のバリエーションを作るには、文字列の間に縦線を2つ並べて区切ります（例：`Hey || Hello || Hi`）。

### テキストスニペットで使えるMarkdownの書式 {#supported-markdown-formatting-for-text-snippets}

必要に応じて、スニペットに基本的なMarkdownの書式（太字、斜体）やリンクを追加できます。これらの書式は、スニペットをFigmaのテキストレイヤーに適用したときに自動的に反映されます。

- **太字**は、アスタリスク2つ`**Snipet text to bold**`またはアンダースコア2つ`eg.__Snipet text to bold__`で指定できます
- *斜体*は、アスタリスク1つ`*Italic Snippet Text*`またはアンダースコア1つ`eg._Italic Snippet Text_`で指定できます
- ***太字の斜体***は、アスタリスク3つ`***Bold Italic Snippet Text***`またはアンダースコア3つ`eg.___Bold Italic Snippet Text___`で指定できます
- ハイパーリンクは、`This is [my link here](https://example.com) in a text snippet`というMarkdownの構文で指定できます（リンクの`[]`内のテキストに太字・斜体の構文を加えて、リンクテキストに書式を付けることもできます）

## テキストレイヤーを選択してスニペットを適用する {#apply-snippets-with-text-layer-selection}

[Video](/assets/videos/copydoc/library/apply-snippet.mp4)

保存したテキストスニペットを適用する1つ目の方法は、スニペットを適用したいFigmaのテキストレイヤーを選択してから、**Apply**ボタンをクリックすることです。そのテキストレイヤーに、スニペットのバリエーションがランダムに適用されます。

テキストスニペットを展開してから、特定のバリエーションをクリックするか、一括適用のオプション（**Ordered**、**Random**、**A-Z ↓**、**Z-A ↑**）を選ぶと、スニペットを特定の順番で適用したり、特定のバリエーションを適用したりすることもできます。

## テキスト展開のトリガーでスニペットを適用する {#apply-snippets-with-text-expander-triggers}

[Video](/assets/videos/copydoc/library/expand-snippet.mp4)

保存したテキストスニペットを使うもう1つの方法は、Figmaのテキストレイヤーの内容を編集しているときに、テキストスニペットの「トリガー」（例：`//expandme`）をそのレイヤーに直接コピー＆ペースト（または手入力）することです。トリガーショートカットが、追加したテキストスニペットの全文に自動的に展開されます。

> **Tip:** **トリガーはCopyDocのほかの機能でも使えます。** テキスト展開スニペットは、Figmaのテキストレイヤーの内容が更新されたときにスニペットを自動的に検出する仕組みです。そのため、CopyDocのほかのテキストレイヤー更新方法（検索と置換、CSV・XLSXの一括インポート、Google Sheetの同期など）でも、トリガーショートカットを使えます。更新するコンテンツの一部にトリガー名を入れるだけです（`for example, Hello //firstname, how it's going?`）。

## テキストスニペットの編集・削除 {#editing-or-deleting-your-text-snippets}

[Video](/assets/videos/copydoc/library/edit-snippet.mp4)

コンテンツライブラリに追加したカスタムのテキストスニペットを削除または編集するには、**Collections**タブのスニペット一覧でテキストスニペットをクリックして展開します。削除するには**Trash**アイコンのボタンをクリックし、**Delete**で確定します。編集するには**Pencil**アイコンのボタンをクリックして編集パネルを開くと、選択したスニペットのトリガー名、コレクション、テキストの内容を更新できます。

## テキストスニペットの一括移動・削除 {#bulk-moving-or-deleting-your-text-snippets}

[Video](/assets/videos/copydoc/library/move-delete-snippets.mp4)

複数のテキストスニペットをまとめて別のコレクションに移動できます。対象のスニペットのチェックボックスを選択し、**Select Snippet Collection**ドロップダウンから既存のコレクション名を選ぶか、新しいコレクション名を追加してから、**Move**ボタンをクリックします。

スニペットを別のコレクションに移動する代わりに、**Delete**ボタンをクリックして**Delete**で確定すると、選択したすべてのスニペットを一括で削除できます。

## テキストスニペットをCSVにエクスポートする {#exporting-your-text-snippets-to-csv}

[Video](/assets/videos/copydoc/library/export-csv-snippets.mp4)

カスタムのテキストスニペットを`.csv`ファイルにエクスポートできます。エクスポートしたいスニペットのチェックボックスを選択してから、**Export To CSV**ボタンをクリックすると、選択したスニペットが`.csv`ファイルとして自動的にダウンロードされ、パソコンに保存できます。

これらの`.csv`ファイルを編集して、コンテンツライブラリのスニペットに[再インポート](#importing-text-snippets-from-csv)できます。

## CSVからテキストスニペットをインポートする {#importing-text-snippets-from-csv}

[Video](/assets/videos/copydoc/library/import-csv-snippets.mp4)

CopyDocのコンテンツライブラリ機能の**Collections**タブで**Import CSV**ボタンをクリックすると、カスタムのテキストトリガーとスニペットを含む`.csv`ファイルをインポートできます。

ドロップゾーンにドラッグする`.csv`ファイルには、[Export CSV](#exporting-your-text-snippets-to-csv)機能でエクスポートして更新したスプレッドシートか、同じ形式で作成した新しいスプレッドシートを使えます。

CSVは次の構成にする必要があります。1行目（見出し行）の各列に*トリガー*名（例：`//expandme`）を入れ、各トリガーの列の下の行に、スニペットごとのテキストのバリエーションを入れます。

|//firstname|//cities   |
|-----------|-----------|
|Kate       |Seattle    |
|Elbert     |Los Angeles|
|Michael    |New York   |
|Amy        |Austin     |
|           |Portland   |
|           |Boston     |