Skip to main content
所要時間: 約10分 テンプレートを使えば、幸先の良いスタートが切れます — 完成したデザインをコピーして、自分のものにするのです。このガイドでは、注目のテンプレートを自分のプロジェクトにリミックスし、Replit Designで開いてスタイルを作り直します。空白のプロンプトは必要ありません。

始める前に

必要なのは Replitアカウント だけです。それ以外は不要です — リミックスとスタイルの作り直しは、クリックとプロンプトだけで行えます。

テンプレートをプロジェクトにリミックスする

このガイドでは例として Supercar showcase(Apex 01)を使いますが、どのテンプレートでも同じ手順で進められます。
1

テンプレートを選ぶ

出発点にしたいテンプレートを選びます。選択するとカバーページが開き、ライブプレビューと共有オプションが表示されます。いくつか例を挙げます。他のものをお探しですか? replit.com/design でさらに多くのテンプレートを見てみましょう: ランディングページ、ポスター、ソーシャル投稿、モバイル、プロトタイプなど。
2

リミックスする

Remix this App を選択して自分のコピーを作成します。リミックスが初めての方は アプリをリミックスする を参照してください。
View live app、Remix this App、Copy、共有ボタンが表示されたApex 01テンプレートのカバーページ
3

名前を付ける

コピーに名前を付け、必要に応じて説明を追加し、Remix App を選択します。
名前と説明の入力欄、Remix Appボタンが表示されたRemix Appダイアログ
4

Replit Designでコピーと対面する

コピーは、テンプレートがキャンバス上のフレームとして配置された状態でReplit Designに開かれます。これは今やあなたのプロジェクトです — ここで行うことは元のテンプレートには一切影響しません。
Replit Designで開かれたリミックス後のApex 01テンプレート。キャンバス上のAPEX X1スーパーカーフレーム、デザインプロンプトボックス、ツールバーが表示されている

自分好みにする

テンプレートのフレームを選択して、形を変えていきましょう。
  • 提案に従う: 新しい方向性は新しいフレームとして生成されるため、元のフレームは比較用に残ります。
  • チャットで相談する: フレームを選択し、自分の言葉でAgentにブリーフします。例えば 「もっと暖かみのある色に」「ヒーローの車をヴィンテージロードスターに差し替えて」 のように。
キャンバス上のApex X1フレーム。チャットパネルではAgentが異なるアプローチを探り、デザインをさらに押し進めるためのフォローアップ提案を提示している

キャンバス上のApex X1フレーム。提案に応じてAgentがフォローアップを提案している。

デザインがテンプレートのものではなく、自分自身のものだと感じられるまで続けましょう。

すでにデザインの途中の場合

既存のプロジェクトで探索していて、今あるデザインの中にテンプレートを取り込みたい場合は、リミックスするのではなく、代わりにライブラリパネルから追加しましょう。テンプレートとインスピレーションを追加する を参照してください。

次のステップ