Replit Designのコンポーネント

その中核において、Replit Designはフレームを表示する無限のCanvasです。このページの残りはすべて、それらのフレームに対して何ができるかについてです：

ボードの全体像

7つのコンポーネントがReplit Designのワークスペースを構成します：

Canvas：Project Editorのデザインビューで、すべてのフレーム、図形、メモを保持する無限のパン・ズームボードです。
フレーム：Canvas上のすべてのタイル。フレームはライブのアーティファクト（Webサイト、スライド）、デザインモックアップ、画像、動画、ベクターグラフィックのいずれかです。
要素：見出し、ボタン、画像、フォームフィールドなど、フレーム内の個々のパーツです。
チャット：CanvasにドッキングされたAgentチャットです。作りたいものを説明するか、フレームを選択して小さな、あるいは大きな編集を依頼できます。最小化すればCanvasを全画面で使えます。
アンビエントインテリジェンス：選択したフレームの横に表示される次のステップの提案で、クリック一つで新しい方向性を生成できます。仕組みについては提案を探索するを参照してください。
ツールバー：Canvas下部のフローティングバーで、Interact、Pan、Chat、Draw、Edit、Generateの各ツールがあります。
ライブラリパネル：スターターテンプレート、Mobbin厳選のインスピレーション、自分の過去の作品を、そのままCanvasにドロップできる状態でまとめています。

各コンポーネントは前のものが終えたところから引き継ぎ、空のボードからビルド可能なデザインへとつながっていきます。

チャットのプロンプト、またはツールバーのGenerateメニューからフレームを生成します。フレームはデザインモックアップ、Webアプリ、モバイルアプリ、スライド、画像、動画、ベクターグラフィックのいずれかです。

任意のフレームを選択して個別に作業します。自分の言葉でチャットしたり、提案に従って新しい方向性を派生させたり、Focusして近くで作業したりできます。仕上がったらBuildしてライブのアプリにします。

ツールバーは3つの役割をカバーします：Editはフレーム内の単一要素を選択してVisual Editorを開き、DrawはAgentが読み取るスケッチ、矢印、付箋でボードに注釈を付け、Generateはデザインに必要な画像、動画、ベクターグラフィックを作成します。

インスピレーションや出発点を探すには、ライブラリパネルを開きます。テンプレートはライブで編集可能なフレームとしてCanvasに配置され、Mobbin厳選のインスピレーションは次の生成を誘導するための静的な参照画像として配置されます。

フレームを生成、配置、反復する無限のボード。

フレームの種類、フレームごとのアクションバー、Build、Focus。

フレーム内の個々のパーツを選択して編集する。

ボード、フレーム、単一の要素についてAgentに指示する。

選択したフレームの横に表示される、ワンクリックの次のステップ提案。

ツールの全カタログ、キーボードショートカット、ボードのジェスチャー。

テンプレート、Mobbin厳選のインスピレーション、自分の作品。