masuda / 2019.2.27
1130
UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」 今回は弊社でも導入している
UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」
今回は弊社でも導入しているsketchをもっと活用するためのプラグインを紹介します!
サイトデザインを作っていくと、「このページに今どんな色を使っているか」を気にしたりやプロジェクトカラーを引っ張ってくる場面が結構あると思います!
今回はドキュメントカラーズのパレットを作ってくれるプラグイン「Prism」の紹介です。
このプラグインはDocument Colors上のスウォッチの色をrgbaやHexコードのパレットを作成してくれるプラグインです。
「Plugins」>「Prism」>「Generate Color Palette」を押すと自動的にドキュメントカラーズに入っている色のパレットのアートボードが生成されます。
また、生成したパレットの色をcssなどの形式で書き出すこともできます!
「Plugins」>「Prism」>「Export All Clolors…」か「Export Serect Clolors…」から、形式や名前を指定することで保存できます。
ということで今回はカラーパレットを作ってくれるプラグイン「Prism」についてご紹介しました。
cssなどに書き出しておけば、デザインデータを開かなくても色情報を見ることができるのでコーダーとのデータの受け渡しもよりスムーズになると思います!ぜひぜひ使ってみてください!
masuda
最近の投稿
人気の記事
同じテーマの記事
masuda / 2019.2.27
929
スタイルを簡単に引き継げるStyle Inventory for Sketch
masuda / 2019.5.20
844
N’s Creates のデザインチームがSketchをこよなく愛する理由
masuda / 2019.2.27
832
sketch-materialでマテリアルデザインを試作!
masuda / 2019.3.26
4944
Sketch データから、Photoshop や XD に変換できる「Photopea」を試してみた
masuda / 2020.11.11
470
繰り返しの作業を減らすsketchプラグイン4つ