Sketch

アバターmasuda / 2019.2.27

905

スタイルを簡単に引き継げるStyle Inventory for Sketch

UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」今回は弊社でも導入しているs

UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」
今回は弊社でも導入しているsketchをもっと活用するためのプラグインを紹介します!


新しく Sketchファイルを作成するとき、ゼロからスタイルを作り直すか、これまでのモックアップからスタイルをコピー&ペーストするのって結構面倒ですよね?
「Style Inventory for Sketch」を使えば、簡単にスタイルをインポートできます!

Style Inventory for Sketchでできること

このプラグインを使うことで、一つのデザインデータからパーツの一覧を作ることができます。

「Plugins」>「Style Inventory」>「Inventory」>「Generate」でシンボルの一覧が作ることができます。


このように元あったパーツがシンボルなどにわかれて生成されるので、あとはここからコピーすれば転用することができます!

また、Sketch Palletsなどの他のプラグインも併用することで、色や様々なものをテンプレート化することができます!


ということで今回は「Style Inventory for Sketch」についてご紹介しました。
このプラグインを使うとデータから引っ張ってこなくてもいいので、書き出したものだけチーム内で共有しておけば、円滑に作業が進むと思います!


Warning: Use of undefined constant sidebar_widget - assumed 'sidebar_widget' (this will throw an Error in a future version of PHP) in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/sidebar.php on line 3

同じテーマの記事

アバターmasuda / 2019.2.27

966

Sketch Search Everywhereで簡単にレイヤーを探す


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.2.27

905

スタイルを簡単に引き継げるStyle Inventory for Sketch


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.5.20

822

N’s Creates のデザインチームがSketchをこよなく愛する理由


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.2.27

821

sketch-materialでマテリアルデザインを試作!


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.3.26

4875

Sketch データから、Photoshop や XD に変換できる「Photopea」を試してみた


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152
N's Creates について詳しく見る