見出し画像

【動画で解説】 Figmaプラグイン入門!

こんにちは!Unique Lab の shima です!

今回Figmaのトレース講座を開くにあたり、WEBデザインを効率的操作の簡略化するため、Figmaのプラグインを紹介していきます!

プラグインとは?(知ってる人は飛ばしてください!)

アプリケーションの機能を拡張するソフトウェアを指します。
「Figma」や「XD」はプラグインでアプリを拡張することによって出来ることを増やしていくこと。

例えば、Figmaに画像の切り抜き機能はありませんが、切り抜き機能のプラグインを入れることにより不要な背景を消すことが可能になります。

要するに、Figmaでやれることを増やしたい人がプラグインを作ってもっと快適に作業し、そしてみんなが機能を共有しあっている。
こんな感じです!

プラグインをどんどんインストールし、作業の効率化を計りましょう!


Figmaを日本語表記にするプラグイン

プラグイン:「Figma日本語化」
Figmaはアメリカ発のUIデザインツールなので、インターフェースが全て英語表記です。。。
まずは日本語表記にしましょう!

インストールはこちら↓↓

インストール方法:画面右上の「Choromeに追加」を押すだけです!
もしブラウザに戻っても日本語表記になっていない場合、ブラウザをリロードしてみてください。

背景を切り抜くプラグイン

プラグイン:「Remove BG」
画像の不要な部分を自動で切り抜いてくれるプラグインです。

「Run」を押すだけで自動で背景を切り抜いてくれます。
背景の複雑さにもよりますが、切り抜き完了まで3秒〜6秒くらいです!

インストールはこちら↓↓

インストール方法:画面右上の「Install」をクリックで完了。



アーチ状にテキストを流しこむプラグイン

プラグイン:「To Path」

インストールはこちら↓↓

インストール方法:画面右上の「Install」をクリックで完了。


フリー画像をトリミングエリアに挿入するプラグイン

プラグイン:「Unsplash」

挿入するオブジェクトを選択し、Unsplashで使用する画像を選択するだけです。

インストールはこちら↓↓



オブジェクトを斜めにするプラグイン

プラグイン:「Skew Dat」
テキストやオブジェクトにIllustratorで例えると「シアー機能」と同等の機能です。

インストールはこちら↓↓



テキストを一括で置き換えるプラグイン

プラグイン:「Find and Replace」
テキストの修正指示が来たときに「まとめて」もしくは「個別」に差し替えることが可能です。

インストールはこちら↓↓



随時更新していきます!
まずは上記プラグインを導入して活用してみてください!


この記事が気に入ったらサポートをしてみませんか?