![見出し画像](https://assets.st-note.com/production/uploads/images/135619787/rectangle_large_type_2_bc2e699225cc0ad690aac15d4bfa0d6c.png?width=1200)
Webデザイナーがよく使うfigmaのプラグインご紹介!
こんにちは、デザイナーのCHOIです。
私がデザインする時に主に使っているツールはfigmaです。figmaの優れた点の一つはプラグインが使えることだと思います。プラグインをうまく使うことで作業の効率が向上するので愛用しています。
今日は、私が作業するときによく使っているプラグインと、それを使ったデザインを紹介したいと思います。ぜひ参考にしていただければ嬉しいです。
Icon8
![](https://assets.st-note.com/img/1711794061872-SCcBpZR4mu.png?width=1200)
Figma内で150万以上のアイコン、写真、イラストを使えるプラグインです。私は主に3Dイラストが必要な時に使っています。3Dイラストはフリー素材がすくなく、探す時間も多くかかりますが、このプラグインに出会ってからは短時間でクォリティの高い3Dイラストが使えてとても満足しています。
![](https://assets.st-note.com/img/1711794601993-XoPaWPVgfP.png?width=1200)
私はインスタグラムのサムネイルを作成する時によく使っています。3Dイラスト自体のクォリティが高いので、入れるだけで完成度が上がるので愛用しています。
Noise
![](https://assets.st-note.com/img/1711800380671-eQuKMNct7i.png?width=1200)
Figmaで簡単にノイズを追加できるプラグインです。メッシュグラデーションとノイズの組み合わせが流行っていた時からよく使っています。
![](https://assets.st-note.com/img/1711800646962-8mPCoQhRa5.png?width=1200)
このような感じで背景に少し質感を加えたい時におすすめです。
Figma to STUDIO
![](https://assets.st-note.com/img/1711794773003-1m7ATQ4Pga.png?width=1200)
STUDIOでWebサイトを制作する際に、Figmaでデザインを作成してからSTUDIOに実装する方には、このプラグインがおすすめです。FigmaのデータをSTUDIOにコピペすることができます。少し調整が必要な場合もありますが、最初から作り始めるよりも時間を短縮できるので、おすすめです。
glyf-3D Design Assents
![](https://assets.st-note.com/img/1711798796268-6eP9X0ZLHH.png?width=1200)
SVGデータを3Dイラストに変換してくれるプラグインです。適切な3D素材が見つからない場合や、デザインに立体感を追加したいときに使用します。FigmaからSVGをコピーし、適用したい質感を選択するだけで、簡単に3Dイラストを作成できます。
![](https://assets.st-note.com/img/1711799137056-hiH8DXBHOD.png?width=1200)
このプラグインを使用すると、このような感じでイラストの完成度が上がります。簡単なオブジェクトでも質感が追加されるため、非常に素晴らしい仕上がりになります。
Iconify
![](https://assets.st-note.com/img/1711799574649-pT71IeoVe1.png?width=1200)
10万以上のアイコンをベクター形式でFigmaにインポートできるFigmaランキングNo.1のプラグインです。また、100以上のアイコンセットが提供されているため、テイストを統一することも可能です。このプラグインを見つけてから、ほぼ毎回このプラグインを使用しています。アイコンの種類が豊富で、求めるアイコンがすぐに見つかるため、作業効率が格段に向上しました。
まとめ
私が実務でよく使っているプラグインを厳選して紹介しました。プラグインを使用するだけで作業効率と品質が向上するため、紹介したプラグインの中で気になるものがありましたら、ぜひ試してみてください。
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?