プロジェクトをデザインシステムとして保存する

良い実行の報酬はファイルではなく、その下にあるシステムです。完成したプロジェクトは design system として保存できます。作業が生んだトークン、コンポーネント、ルールを次のプロジェクトへ運び、毎回リセットされるのではなく、あなたのセンスが蓄積されていきます。

保存されるもの

保存されたシステムはデザインの実際の言語をキャプチャします。

  • トークン — プロジェクトが落ち着いた色、タイプスケール、余白、角丸
  • コンポーネント — 作業が使ったパターン(カード、ボタン、ナビ)
  • ルール — プロジェクトのチェックが成文化した design-kit の追加部分

手作りのデザインシステムが持つのと同じ内容で、抽象として書かれたのではなく、プロジェクトから蒸留されました。

保存する

気に入った結果を前にして、プロジェクトのメニューからシステムとして保存します。他の保存済みシステムと並ぶ、グローバルな Systems 画面に着地します。プロジェクトではなく美学を表す名前を付けましょう。「launch page v2」ではなく「quiet editorial dark」。再利用するのは成果物ではなくシステムだからです。

Systems 画面 — 次のプロジェクトの種になる保存済みデザインシステム

使う

次のプロジェクト作成時に、保存したシステムを選びます。新しい構築は、白紙の方向性や汎用デフォルトではなく、そのトークンとコンポーネントから始まります。方向性と同じように最初の構築を形作りますが、センスはあなたのものです。2 つ目のプロジェクトは、最初のプロジェクトが学んだことを継承します。

Free ティアでは保存システムは 3 つまで、Pro では無制限です。アーカイブするとスロットが解放されます。

得意なこと

  • プロダクトの一貫性 — すべてのプロジェクトが同じ実際のシステムから始まる
  • ブランドの引き継ぎ — ブランドボードのトークンが次のサイトの種になる
  • センスの蓄積 — kit はあなたが残すものを、プロジェクトをまたいで学ぶ
  • チームの言語 — 全員がそこから構築する共有システム

システム vs 方向性 vs テンプレート

  • 保存済みシステム — あなたの美学。完成したプロジェクトから蒸留
  • 方向性 — 組み込みの出発点の美学。17 種類のうちの 1 つ
  • テンプレート — スタイルではなく出力形式(スライド、サイト、モバイル)

方向性は速い開始です。保存済みシステムは速いあなたの開始です。

ヒント: 誇れるプロジェクトから早めにシステムを保存しましょう。2 つ目のプロジェクトがそれを継承し、毎回コールドスタートする代わりにセンスが複利で増えていきます。

関連ページ