ゼロから：ホームページでプロンプトする
システムがあなたの頭の中（またはブランドガイドライン）には存在するものの、まだどのデザインにも反映されていない場合はここから始めます。1
作成入力欄で依頼する
Replitのホームページで、欲しいデザインシステムをプロンプトボックスに説明します。例：「プレミアムなスーパーカーレンタルブランド、Velocityのためのデザインシステムを作成して」。
2
アンケートに回答する
Agentがあなたのシステムについて短い質問（ブランドの個性、色、タイポグラフィの好みなど）をします。Figma URL、Webサイト、コード、参考画像、ブランドアセット、既存の
DESIGN.mdなど、参照元を指定することもできます。モックアップから：デザインシステムを抽出する
すでに気に入っているデザイン — 生成されたフレームやドロップしたテンプレート — があり、他のすべてをそれに合わせたい場合はここから始めます。1
モックアップを選択する
Canvas上で、見た目を取り込みたいモックアップをクリックします。
2
三点メニューから抽出する
フレームの**⋯**（三点）メニューを開き、Extract design systemを選びます。Agentがモックアップのトークン、色、タイポグラフィを生きたスタイルガイドに凝縮し、それをデザイン全体に適用します。
確認して保存する
どちらの方法でも、生成された内容を確認します：色（役割別 — プライマリ、アクセント、ミュートなど）、タイポグラフィスケール、トークン（CSS変数に反映されるtokens.jsonに保存）を備えた生きたスタイルガイドです。確認できたらSave design systemを選んでワークスペースに保存します。
