デザインシステムとは、プロダクトチームにとって共通のビジュアル言語のようなものです。デザインプロセスを効率化し、チーム間の連携強化につながります。

UXPinでは、独自のデザインシステムを作成することができ、チームがデザインの負荷を最小限に抑え、品質を向上させるのに役立ちます。

デザインシステムによって、プロジェクトの初期段階でデザインガイドラインやリソースをまとめることができます。これにより、一貫性を維持し、チームのプロセスを簡素化することができます。

デザインシステムには、トップバーのDashboard(ダッシュボード)からアクセスできます。ここで、新しいデザインシステムを作成したり、既存のデザインシステムにアクセスしたりすることもできます。

Screen Shot 0004-10-26 at 14.30.10.png

**Design System(**デザインシステム)の作成

ダッシュボードの画面左上にあるDesign System(デザインシステム)からデザインシステムを作成できます。

デザインシステム作成にあたって作成方法として以下の3つの方法があります。

この記事では、ゼロから作成する方法と、既存のデザインシステムライブラリでの作成方法と使い方をご紹介します。

ゼロから作成

Design System(デザインシステムの作成)画面を開き、[Create From scratch(ゼロから作成)]を選択し、デザインシステムと同じ名前のデザインシステムライブラリが作成されます。

名前はダブルクリックでいつでも変更可能です。

designsystems_2b_creatingdesignsystemdsl.mp4

各デザインシステムは、以下の4つのセクションで構成されています: