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