figmaでよく使う便利プラグイン集3選

Design Tool
スポンサーリンク
スポンサーリンク

おはよー!

デザイナーとして駆け出して2年目の管理人みっぽこです。

この記事では、私がfigmaでデザインをするときによく使うプラグインをご紹介します!

あのデザインが作りたいのに、figmaだとイラレのようにうまくいかない、、、

figmaの使いづらいところを解消したい!

などなど

小さなお悩みを解決する便利なプラグインをまとめました。

どのフォントが合うか探しづらい!「Font Viewer」

figmaでフォントを探すとき、どれがデザインに合うフォントが探しづらいですよね。

いちいちクリックしてデザインに当てはめなきゃいけない、、

これはめんどくさい!

そんなときは「Font Viewer」

任意のテキストを入力すると、各フォントが適用されて一覧で確認できる!

これならフォント名ではなく、視覚的にとても探しやすいです。

デザインがずれているか確認したい「Pixel Perfect」

デザインを作ってコーダーに渡したはいいものの、1ピクセルずれていた、小数点が含まれていたなど、確認漏れが発生、、

そんな小さなミスで、作業工数を増やさないために確認を徹底したいけど、手作業で一つひとつ見るのは時間がかかる!

そんなときに便利なプラグインです。

112.45pxという小数点が含まれている画像が配置されているフレームに対してPixel Perfectを実行するだけで、自動で補正してくれる!

これなら一つ一つの要素を確認しなくても、小数点が含まれていた、、なんてことはなくなります。

コントラスト値を確認したい「Contrast」

設定したカラーのコントラスト値が基準を満たしているか簡単に確認できるプラグインです。

確認したい要素を選択するだけで、基準値を満たしているかどうかを確認することができます。

まとめ

いかがでしたか?

プラグインを使えばfigmaの可能性は無限大!

プラグインを利用して作業効率をどんどんあげていきましょう!

それではまた次回!

コメント

タイトルとURLをコピーしました