デザインシステム(DS)ライブラリは、色、テキストスタイル、アセット、コンポーネントなどのデザインパターンを共有する場所です。このライブラリによって、チームは一貫性のあるプロトタイプを構築できるようになります。時間を節約しながら、プロジェクトに統一感を持たせることができます。

デザインシステムライブラリでは、文書化されたデザインシステムを作成することができます。DSライブラリにアクセスするには、画面下の左から2つ目にあるデザインシステムライブラリのアイコンをクリックする、またはショートカットの ⌥ + 2 をクリックして開きます。

https://images.prismic.io/uxpincommunity/e4633e442ab47d0db89ce83d14ecf6712877b038_designlibraries_defaultview.jpg?auto=compress,format

ビルトインライブラリのデザイン

お持ちのライブラリとは別に、UXPinではインタラクティブな要素、色、テキストスタイル、アイコンなどを含んだiOS、Material Design、Bootstrap、Foundation、User Flowsのライブラリもお使いいただけます。UXPin Mergeのコードベースのテクノロジーとインタラクティブな機能を体験するには、Fluent UI(Git統合)、Ant Design(npm統合)、MUI(Git)、Material UI(Storybook)、UXPin Boilerplate(Git)などのMergeのライブラリもお試しください。

Screen Shot 0004-10-26 at 15.40.55.png

https://uxpincommunity.cdn.prismic.io/uxpincommunity%2Fb8e6e578-f06c-45ce-8181-a8802140342c_newlibraries_material%26ios_800x600.mp4

ライブラリの追加

ライブラリを追加するには、Design System Libraries(デザインシステム ライブラリ)で、画面左下にある[New library(+新規ライブラリ)]をクリックします。

https://images.prismic.io/uxpincommunity/cd9e77e67a336b2c3fd265b03e8a6b8e3767cb1b_designlibraries_defaultview_newlibrary_v2.jpg?auto=compress,format

権限の設定

ライブラリをアクセス・編集できる人を設定することができます。

ライブラリの権限を管理するには、LIBRARIES モーダルの下部にあるManage libraries(ライブラリの管理)を開きます。

ライブラリの名前の変更や、アクセスや編集の権限を変更したりすることができます。