LOADING

Invision製のDesign System管理ツール「DSM」を一足先に試す方法

2017-12-30 | DESIGN

Sketch上のコンポーネントからいとも簡単にDesign Systemを作成・管理できてしまうツール「Design System Manager(DSM)」をinvisionが先日発表したのは記憶にあたらしいですが、早速ベータ版が公開されています。今日はこのDSMをちょっとだけ早く試す方法を紹介します。

Sketch Plugin、 CRAFTをインストール

まずはinvisionが提供するSketch Plugin、「CRAFT」をインストールします。CRAFTのインストールにはinvisionアカウントが必要ですが、登録自体は無料なのでさくっとやっちゃいましょう

CRAFTをインストール

Design System Managerを有効化する

1. macのタスクバーからCRAFTを開いて⌘ + Shift + bと入力します。アクティベーションコードの入力を迫られるので「dsm-preview」と入力しましょう。

2. ドロップダウンメニューからDesign System Managerモードに切り替えます

3. インストールボタンを押します

これでDSMを使うことが出来るようになりました。デフォルトのショートカットは⌘+Lに設定されています。

以上です。DSMの詳しい使い方についてはこちら。

Getting Started: Design System Manager

共有よろしくおねがいします!