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

Craftとは

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

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

Craftのダウンロードとインストール

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

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



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



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

画像やテキストの流し込み

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

①Dataパネルを開きます

②Photosを選択

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


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


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

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

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

コンテンツの複製

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

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

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

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


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

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

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

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

Related Post