> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# デザインにテンプレートとインスピレーションを追加する

> ライブラリパネルを使ってスターターテンプレートをデザインに追加したり、探索中の視覚的な参考としてMobbin厳選のアプリ画面を取り込んだりします。

探索の途中でも、ライブラリパネルを使えばデザインから離れずに作業を進められます。土台にするスターターテンプレートを追加したり、指針にする実際のアプリの画面を取り込んだりできます。

Replit Designで**ライブラリパネル**を開きます。3つのタブがあります：**Templates**、**Inspiration**、**Library**（自分で作成したもの）。最初の2つは見た目が似ていますが、動作は異なります。

## テンプレートを追加する

テンプレートを検索するか、種類別に閲覧します：ポスター、ソーシャル投稿、ランディングページ、モバイル、バナー、プロトタイプ。クリックまたはドラッグしてデザインに追加すると、そのまま再スタイル可能で構築のベースにできる、ライブでの編集可能なフレームとして配置されます。

<Frame caption="Templatesタブ：種類別にグループ化された、検索可能なスターターフレーム。">
  <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/library-templates.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=1e02d8d303bf6a33006e116feba2ae22" alt="検索ボックス、カテゴリフィルター、ポスターと2つのランディングページを含むテンプレートカードが表示されたライブラリパネルのTemplatesタブ" width="665" height="583" data-path="images/design/replit-design/library-templates.png" />
</Frame>

## インスピレーションを追加する

Mobbinが厳選した、実際のプロダクトのアプリスクリーンショットです。1つクリックすると、デザインの一部としてではなく、参照用の静止画像としてCanvasに配置されます。指針として活用しましょう：チャットでそれを指し示すか、次の生成で参照します（*「こんなヒーローだけど、ベーカリー向けに」*）。

<Frame caption="Inspirationタブ：Mobbinが厳選した、参考にするアプリ画面。">
  <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/library-inspiration.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=bbe66b831fd3a6b6017cfb04621453bb" alt="AirbnbのオンボーディングやCoinbaseのチェックアウトなどのおすすめ検索と、Mobbin厳選のアプリスクリーンショットが表示されたライブラリパネルのInspirationタブ" width="669" height="830" data-path="images/design/replit-design/library-inspiration.png" />
</Frame>

TemplatesとInspirationの完全な比較は[ライブラリパネルのリファレンス](/ja/design/library-panel)を参照してください。

## 次のステップ

* [提案を探索する](/ja/design/explore-suggestions)：追加したフレームから新しい方向性を派生させます。
* [デザインについてチャットする](/ja/design/chat-about-your-design)：テンプレートを自分の言葉で誘導したり、インスピレーションを参照したりします。
