> ## 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. # 最初の画面をデザインする > Replit Designでプロンプトから最初のデザインフレームを生成し、AIの提案を探索しながら反復を続けましょう。デザイン経験は不要です。 このクイックスタートでは、平易な言葉のプロンプトから最初のデザインフレームを生成し、AIの提案を使ってワンクリックで新しい方向性を探索します。デザイン経験は不要です。気に入ったものを選ぶだけで進められます。 [replit.com/design](https://replit.com/design)にアクセスします。中央に大きく表示されるプロンプトボックスが、デザインの出発点です。 Replit Designのホーム画面。Describe what you want to designと表示されたプロンプトボックスと、その下にImport URL、Import Figma、Recreate screenshot、Start with a design systemのオプションが並んでいる すでにワークスペースにいる場合は、代わりにワークスペースホームの作成入力欄の下にある**Design**を選択してください。入力欄がデザインモードに切り替わり、プロンプトボックスに**Design**チップが表示されます。 ワークスペースホームの作成入力欄でDesignが選択され、プロンプトボックスにDesignチップが表示されている デザイナーの友人にブリーフィングするように、プロンプトを書きましょう。何を作るのか、誰のためなのか、どんな雰囲気にしたいのかを伝えます。たとえば、\*「スーパーカーレンタルサービスのランディングページ、大胆で、ダークで、シネマティックに」\*のように。書けたら送信します。 Agentがプロンプトを受け取り、構築を開始します。作業の進行状況はチャットパネルに報告されます。 Replit Designのホーム画面。チャットパネルが高級スーパーカーレンタルアプリのプロンプトを処理し、Velocityアーティファクトを作成中であることを報告している デザインがCanvas上にフレームとして現れます。少し待ってから、フルサイズで見てみましょう。 生成されたVelocityスーパーカーレンタルページをフォーカスモードでフルサイズ表示し確認している様子。ボード上部にExit focusボタンがある 最も気に入ったフレームを選択します。次にデザインすべき候補が提案として表示されるので、1つクリックすると新しい方向性が新しいフレームとして生成され、元のフレームはそのまま残ります。ぴったりくるものが見つかるまでクリックを続けましょう。 Canvas上で選択された生成済みのVelocityフレーム。チャットパネルには実行完了が表示され、フレームの横にSuggested next stepsパネルが開いている ## 次のステップ * [提案を探索する](/ja/design/explore-suggestions): 探索ループについてさらに深く学びましょう。 * [テンプレートから始める](/ja/design/start-from-a-template): 白紙のプロンプトの代わりに、あらかじめ用意されたデザインから始めましょう。 * [デザインをBuildする](/ja/design/build-your-design): 勝ち残ったフレームを動作するアプリに変えましょう。