デザインシステムを使う

デザインシステムは、Replitに再利用可能な視覚的方向性を与えます。カラートークン、タイポグラフィ、間隔、サンプルコンポーネント、ロゴ、ブランドアセットを取り込むことで、新しいデザインを一貫性のあるものに保てます。プロンプトボックスからプラスメニューを選択し、保存済みのシステムに沿って作成したい場合はデザインシステムを使うを選びます。

デザインシステムが役立つ場面

一貫して作成する： 新しい作業全体で色、タイポグラフィ、間隔、コンポーネントを揃えます。
チームに共通の方向性を与える： 1つの保存済みシステムを、複数のプロジェクトの視覚的な基準として使用します。
既存の作業を作り直す： 成果物を別の視覚言語に合わせる必要があるときにシステムを適用します。

保存済みのシステム名と、必要な結果を伝えましょう。ブリーフ、Figmaフレーム、スクリーンショット、コンテンツ要件など、作業が達成すべき内容を定義する他の関連コンテキストがあれば追加してください。例：「保存済みのAcmeデザインシステムを使って、モバイルのオンボーディング画面を作成してください。既存のタイプスケールとボタンスタイルを維持しつつ、2つのレイアウトの方向性を見せてください。」デザインシステムは視覚的な作業の方向性を決めます。Skillは、タスクのための再利用可能な指示やアプローチを提供します。