Sketch3とPhotoshopのプラグイン Craft を使って制作を楽にしよう

satake

8年 ago

Craftについて

プロトタイプで有名なInVisionから出ている、
ダミーデータを挿入して作業を自動化できるSketch3とPhotoshopの無料プラグインです。

OS X version 10.10 〜
windows 古いバージョンは動くものがあるみたいですが、今後はOSXへ注力するそうです。(こちらの「Is Windows still supported by Craft?」より)
Photoshop CC 2014.1 〜
Sketch 3.4 〜

2016年3月現在、4つの機能が使用できます。

画像をレイヤーに挿入することができます。
複数レイヤーに一括で画像を挿入することもできます。

4つのリソースから画像を引っ張ることができます。

WEBからもいけちゃいます。
ブラウザが立ち上がるので
挿入したい画像をクリックします。

サンプルデータを挿入できます。

サンプルデータは自分で用意して使用することができます。

レイヤーを複製する機能で、複製の方法が2種類あります。

スタイルガイドを生成することができます。
スタイルガイドを変更すると、
そのスタイルを適用させたレイヤーを一斉に変更することができます。

1.スタイルを決めて「Creat Styles」をクリック

2.スタイルガイド生成

3.スタイルガイド変更

4.スタイルガイドの変更が元のレイヤーにも反映される

1.公式サイトからメールアドレスを送信
 http://labs.invisionapp.com/craft

2.着信メールからダウンロード
3.CraftInstallerを起動し、「Install Craft Manager」をクリック

4.macの場合はメニューバーにCraftのアイコンが出てきます。sketch3とphotoshopどちらかを選択してインストールします。