13
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Figma初心者の私がよく使うプラグイン紹介

Posted at

これはなに

エイチームライフデザインでデザイナーをしている @hamburger_esaki です。
初心者からwebデザイナーになり2年弱の私ですが、最近やっとFigmaを触り始めています。
今回はFigma初心者の私が、特によく使う便利なプラグインをご紹介できればと思います。
最近Figma使い始めて、作業効率を上げたいと思っている方の参考になれば嬉しいです。

Illustrator + SVG Import

Figmaで.aiや.epsファイルが開けます。
Illustrator上でクリッピングマスクを使ったイラストや図形などを、マスクが崩れることなくFigmaへimportできます。
コピペでimportできるので、パーツごとに持って来れたりして便利です。
BDD589EC-2F4E-40BB-99EA-1259E0DD8E85.jpeg

Font Preview

Figmaに入っているフォントをリアルタイムでプレビューできます。
7D4EA3E7-6339-480A-8A43-8229EF6F1AA3.jpeg

To Path

パス上にテキストやオブジェクトを這わせて並べられます。
ちょっと動きが欲しいデザインなどに使えるので便利です。
7EC060DE-51C1-4605-B034-425854FC1162.jpeg

Material Design Icons

良さげなアイコンセットです。
自分が所属しているチームでは、基本的にここのiconを使ってデザインしようというように決めています。
icon系のプラグインは色々なものありますが、私がよく使うのはこれです。
D4957335-82B4-4397-8FF7-A2285020BE44.jpeg

Insert Big Image

スクリーンショットを貼りたい時に便利なプラグインです。
サイズが大きい画像をそのままコピペなどで貼り付けるとサイズが変わってしまったり、画質がガビガビになってしまいます。
これ経由で貼り付けると、画像が分割されてサイズと画質が保たれたまま張り付けができるのでとても良く使います。
179DB26E-00C5-4A45-964F-D4FA7520DA17.jpeg

最後に

いかがでしたでしょうか!
今回は特に業務や制作でよく使うプラグインを5つ紹介しました。
まだまだFigma勉強中なので、引き続き良さそうなプラグインは試して使いこなせるようになっていきたいです。
最近自チームのマーケターやエンジニアからFigma触ってみたいと言う声を聞いていたので、今回初めてアドカレに挑戦し、Figmaの記事をかいてみました。
今後もアウトプット癖をつけられるように頑張ります。
ではではメリークリスマス&良いお年を!🎄🎍🎄🎍

13
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?