l Webデザイン　Photoshopのスクリプト/プラグインまとめ

AdobeXDなどWebデザインツールとして、使いやすくなってきていますが、まだまだPhotoshopでデザインやパーツ作成をする人は多いと思います。
今回はPhotoshopの作業環境を良くする為の、スクリプトとプラグインを紹介していきたいと思います。

l スクリプト

選択範囲をシェイプに変換

選択範囲をシェイプレイヤーに変換。後からリサイズも可能

選択範囲をシェイプに変換するスクリプト選択範囲をシェイプに変換するスクリプト | Dearps

PSDデータからテキスト情報を抽出

デザインデータのテキストをデータを抽出。
テキストデータはCSVで書き出される。

PSD からテキスト情報を抽出するスクリプト

レイヤー名を一括でテキストを追加・変更

レイヤーの整理整頓時に便利なスクリプト

Group Layer Renaming

レイヤー名をコピー

レイヤーを選択しているだけでテキストレイヤーの内容をコピー出来ます

[Photoshop]レイヤーを選択するだけでテキストレイヤーの内容をクリップボードにコピーできるスクリプト | Design | Sorairo

l プラグイン

Ink

フォント情報、width・height等をドキュメント化

Ink. Specs for your Photoshop Layers

Size-Marks-PS

選択範囲からpxを表示するプラグイン

romashamin/Size-Marks-PS

CSS3Ps

レイヤースタイルをCSS3のコードに変換可能

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

PSD to SVG script

ベクターレイヤーを、SVGファイル形式に変換

Free photoshop script: Export your vector layers from PS to SVG in a single click! – Hacking UI

l 最後に

今後もPhotoshopに限らず、自分に合ったスクリプト・プラグインを見つけていきたいと思います。