こんにちは、デザイナーの社員Bです！
弊社ではデザインをFigmaへ完全移行したことで、業務効率がとても改善されました。

Figmaはアップデートを重ねたことで機能面も充実してきましたが、プラグインを使ってさらに業務を効率化しています💪   今回はそんなFigmaがないと生きていけないイロコトデザイナーたちに、これしか勝たん🥺なプラグインを教えてもらいました！

01 フォントを『プレビュー』しながら選べる

Font Preview

該当フォントがプレビューで表示されるので、直感的に選ぶことができます。フォント名を検索できるのはもちろん、 打ち込んだ文字がその場でプレビューされるので、フォント選びにかかる時間を短縮できます！

02 属性に適合する要素を『一括選択』できる

Similayer

フォントのサイズ/ウェイト/カラーなど複数のプロパティに適合する要素を一括で選択してくれるプラグインです。このウェイトを使っているところをまとめて全て修正したい…！というときなどに便利です。

 

03 オブジェクトを簡単に『分割』してくれる

Split shape

選択したオブジェクトを指定した数値に合わせて、 均等に分割してくれます。マージンやサイズなどをいちいち計算せずとも簡単にレイアウトを組むことができるので、ワイヤー作成時にとても便利です！

 

 

04 SVGアイコンを『秒』で入れ込める

Iconify

使いたいSVGアイコンを「ドラッグ＆ドロップ」で入れ込むことができるプラグインです。シンプルなものから、色のついたものまで多くの種類があるので、アイコンを探す時間を短縮できます！

 

 

05 Photoshopのような『エフェクト効果』ができる

filter/effects

色調やノイズ加工など、細かいエフェクト調整ができます。Photoshopを開く手間が省け、すぐに画像をアレンジして試すことができます。

 

 

06 小数点を1クリックで『整数』 にする

Clean Document

オブジェクトのサイズや位置についている小数点を、ワンクリックで整数（四捨五入）にしてくれます。その他にも、非表示レイヤーを削除してくれる機能などがあり、デザインデータの整理の時間を短縮できます！

 

 

07 長文のテキストボックスを一瞬で『分割』できる

Nisa Text

改行ごとにテキストボックスで分割することができます。複製して並べる手間が省けるので、長文が入るときに重宝しています！分割してオートレイアウトにもできるので、マージンの調整も一瞬です。

 

ここまでデザイナーのおすすめプラグインを紹介しましたが、コーダーさんのおすすめプラグインも教えてもらいました✨

 

 

おまけ 使用中のフォントの種類＆ウェイト＆数がわかる

Font Fascia

ページ内で使用しているフォントの種類、ウェイト、その数を一覧で出してくれます。インストールすべきフォントが一目でわかったり、不要なフォントやウェイトの整理にも役立ちます！

 

最後に

今回は全部で8つのおすすめFigmaプラグインをご紹介いたしました。

 

エンタメ系Web制作では、賑やかしのために装飾や効果をたくさん使うので、Figmaでデザインすることは難しいと思っていましたが、プラグインを使ったりFigmaのデフォルト機能を駆使していくうちに、裏技的な使い方もたくさん編み出しました😏今後はそんなFigmaの裏技も紹介していきます！