Sketch

アバターmasuda / 2019.2.27

1123

カラーパレットをrgbaで書き出せるPrismが超便利!

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

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


サイトデザインを作っていくと、「このページに今どんな色を使っているか」を気にしたりやプロジェクトカラーを引っ張ってくる場面が結構あると思います!
今回はドキュメントカラーズのパレットを作ってくれるプラグイン「Prism」の紹介です。

Prismでできること

このプラグインはDocument Colors上のスウォッチの色をrgbaやHexコードのパレットを作成してくれるプラグインです。


「Plugins」>「Prism」>「Generate Color Palette」を押すと自動的にドキュメントカラーズに入っている色のパレットのアートボードが生成されます。

また、生成したパレットの色をcssなどの形式で書き出すこともできます!
「Plugins」>「Prism」>「Export All Clolors…」か「Export Serect Clolors…」から、形式や名前を指定することで保存できます。


ということで今回はカラーパレットを作ってくれるプラグイン「Prism」についてご紹介しました。
cssなどに書き出しておけば、デザインデータを開かなくても色情報を見ることができるのでコーダーとのデータの受け渡しもよりスムーズになると思います!ぜひぜひ使ってみてください!


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

983

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

924

スタイルを簡単に引き継げる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

836

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

828

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

4916

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 について詳しく見る