SketchのプラグインCraftの使い方（インストールとコンテンツの挿入）

Craftとは

Craftとは、inVISIONが提供するSketchとPhotoshop用の無料プライグインです。

SketchでUIデザインするときに便利な機能がたくさんあります！

トップページにメールアドレスを入力し、「GET CRAFT NOW」をクリックしてプラグインをダウンロードします。

ダウンロードしたファイル「CraftManager.zip」を解凍し、アプリケーションフォルダに移動します。Craftを起動するとMacのメニューバーにアイコンが表示されます。

追加されたアイコンをクリックし、進めていくとスケッチ用プラグインのインストール画面が表示されます。「install」をクリックしてプラグインをインストールしましょう。

インストールが完了するとSketchにメニューが追加されます。

Dataパネルを使って、画像やテキストの流し込みをしてみましょう。

①Dataパネルを開きます

②Photosを選択

③新しい画像を使う場合、開いてるブロックをクリックします。

④アイテム名や使う写真のディレクトリを選択します。

準備が整いましたので、画像を挿入したいところをクリックして、Dataパネルを使ってみるとどうなるか見てみましょう。

画像があっという間に追加されましたね。

テキストも「Type」から同様に追加できます。

デザインを作る上で同じものが並ぶ場合はありますよね。

duplicate（複製）パネルを使って、画像やテキストの流し込みをしてみましょう。

複製したい方向のフォームに複製したい「数」と「間隔」を入力します。

青いボタンを押すと複製されます。

もしも、コンテンツ素材があらかじめ用意されている場合は、先に「画像やテキストの流し込み」で利用した「Data」パネルを利用しましょう。

あらかじめ「Data」パネルから素材を流し込んでいると、ランダムに画像とテキストが挿入されます！

あっという間にコンテンツが複製されましたね。

Craftには、プロトタイプ作成など他にも様々な便利な機能がありますので、改めて紹介したいと思います。