すべてのデザイナーに最適な13のFigmaプラグイン
その他 / / November 29, 2021
長年にわたり、SketchとAdobeは、UIおよびUXデザイナーが選択する事実上のアプリケーションです。 しかし、ここ数年で、多くの新しい候補者が市場に登場しているのを見てきました。 その中でも、figmaは複数の理由で際立っています。 最近の会社 待望のプラグインアドオンを追加しました ユーザーにとって物事を簡単にするため。 以下のリストから、最高のFigmaプラグインをいくつか選択しました。
プラグインのサポートがないと、デザイナーの作業は面倒になる可能性があります。 Figmaプラグインは必ずしも重要ではありませんでした。 さらに、Figmaは、Mac、Windows、PCなどのWebブラウザを実行するすべてのオペレーティングシステムで機能します。
現在、Figmaのホットなトピックは、UIの設計時間が長いときに、待望の支援を提供する無料のプレミアムプラグインのサポートです。
見てみましょう。
ガイディングテックについても
1. スプラッシュを解除
これは自明です。 ウェブ上で高品質のロイヤリティフリーの画像を探すのに時間を無駄にする代わりに、Figma用のUnsplashプラグインを選択して、Figmaのホーム画面から直接モックアップ画像の使用を開始できます。 Unsplashがプラグインストアでこれほど多くのダウンロードを行っているのも不思議ではありません。
Figmaのスプラッシュを解除する
2. コンテンツリール
ほとんどのデザイナーは、UIモックアップで使用するランダムなテキストを生成するためにLoremIpsumに依存しています。 コンテンツリールは、エクスペリエンスを次のレベルに引き上げます。 これにより、ユーザー名、日付、住所、通貨、アバター、アイコン、画像などのランダムなコンテンツを生成でき、LoremIpsumよりもはるかに便利で効果的です。
Figmaのコンテンツリールを入手する
3. ワイヤーフレーム
市場にはBalsamiqなどのワイヤーフレーミングソリューションがたくさんあることはわかっていますが、Figmaでプロトタイプをすばやく作成したい場合は、ワイヤーフレームプラグインが必須です。
ワイヤーフレームには、フレームをクリックしてFigmaページに直接追加できるカテゴリに分類されたWebおよびモバイルの事前設計されたワイヤーフレーム(テンプレート)のリストがあります。 すべてのファイルはFigmaコンポーネント(SVG)であり、簡単に編集できます。 これにより、すべてのワイヤーフレーミングおよびプロトタイピングアクティビティを簡単に管理できます。
Figmaのワイヤーフレームを入手する
4. Iconify
すべてのデザイナーは、UIプロジェクトを操作するためにアイコンを必要とします。 Web上でそれらを際限なく見つける代わりに、Iconifyなどのサードパーティプラグインを選択して、プロジェクトにさまざまなタイプのアイコンを実装できます。
Iconifyを使用すると、マテリアルデザインアイコン、FontAwesome、Jamアイコン、EmojiOne、Twitter絵文字、 および他の多くのアイコン(50,000以上のアイコンを含む60以上のアイコンセット)ベクターとしてのFigmaドキュメント 形。
FigmaのIconifyを入手
5. 画像パレット
画像に基づいて色の組み合わせを決定するのが難しい場合は、パレットが最適なプラグインです。 拡張機能は、選択した画像から5つの異なる色のカラーパレットを抽出します。 以下のリンクから試してみてください。
Figmaの画像パレットを入手する
6. ストーリーセット
デザイナーはイラストが大好きですよね? ウェブサイトやアプリのウェルカムページをデザインするときは、ほとんどの場合、イラストを使用してインパクトを与える必要があります。
美しいカスタムメイドのイラストが必要な場合は、Stories by Freepikプラグインを使用して、必要に応じてインポートおよび編集できます。 あなたを台無しにする無料の1000以上のイラストがあります。
Figmaのストーリーセットを入手する
ガイディングテックについても
7. ロゴクリエーター
クライアントがカスタムロゴを要求していて、どこから始めればよいかわからないのですか? Figma用のLogoCreatorプラグインを使用すると、最適なロゴを選択したり、さまざまなコンポーネントを使用してロゴを作成したりできます。 さまざまな形状を選択するか、300以上のロゴのビルド済みコレクションから最適なロゴを選択することで、美しいロゴを作成できます。
Figmaのロゴクリエーターを入手
8. チャート
デザイン内に単純な生データを追加すると、見栄えが悪くなる可能性があります。 チャートを使用して、全体的なデザインの魅力を高めることができます。 そのためのFigmaプラグインにはChartsをお勧めします。
チャートを使用すると、Figmaドキュメント内で追加および編集できるチャートを生成できます。 折れ線グラフ、面積グラフ、円グラフ、ドーナツグラフ、散乱グラフ、棒グラフから選択します。 各グラフには、いくつかのポイント、最大値、最小値など、独自の構成セットが付属しています。
Figmaのチャートを入手する
9. フィグモジ
Figmojiは楽しいものです。 デザインプロジェクトで絵文字を使用する場合は、Figmojiが最適なプラグインです。 ワンクリックで、UIプロジェクトに絵文字を直接実装できます。 予想通り、プラグインは絵文字のSVG形式を追加するので、それらを編集するためのすべての柔軟性があります。
Flgmojiを入手する
10. マップメーカー
多くの場合、設計者は設計内にマップを追加する必要があります。 そして、彼らはグーグルマップに向かい、手動でものを抽出します。 Figma用のマップメーカープラグインは、私たちすべてのトラブルを救うためにここにあります。 マップメーカーを使用すると、カスタマイズされたマップをすばやく作成できます。 現在、GoogleマップとMapboxをサポートしています。
Figmaのマップメーカーを入手する
11. スーパー整頓
調整は、すべての設計プロジェクトで不可欠です。 単純なミスアライメントは絶対に避けるべきものです。 Super Tidy for Figmaを使用すると、キャンバスの位置に基づいてフレームを簡単に位置合わせ、名前変更、および並べ替えることができます。 Super Tidyはまた、フレームの名前を変更し、キャンバス内の位置によってレイヤーリスト内でフレームを並べ替えます。
スーパー整頓を取得
12. Vectary
Figma用のVectary3Dプラグインは、不足している3次元を2Dデザインに追加しています。 Figmaデザインを事前定義された3Dモックアップまたはカスタム3D要素に配置します。 希望の遠近法を3Dで設定し、ワンクリックで結果をシーンに配置します。 これは、特にクライアントに印象を与えたい場合に不可欠なプラグインです。
FigmaのVectaryを入手
13. フォントプレビュー
インターフェイスデザイン内で巧妙に作成されたタイポグラフィは、多くの人にとって魅力的です。 テキストタイプには、インターフェイスを作成または破壊する能力があります。 同じタイポグラフィを使用すると、デザインに悪影響を与える可能性があります。 フォントプレビューを使用して、それを回避できます。 このプラグインを使用すると、1000を超えるタイポグラフィスタイルでテキストをプレビューできます。
Figmaのフォントプレビューを入手する
ガイディングテックについても
プロのようにFigmaを使う
UIデザインソフトウェアのプラグインはに似ています ブラウザの拡張機能. 適切なプラグインのセットを使用すると、Figmaでワークフローと生産性を大幅に向上させることができます。 上記のリストに目を通し、下のコメントでインストールしたプラグインを教えてください。
次は: Figmaは、組み込みのキーボードショートカットで使用するのが楽しいです。 以下の投稿を読んで、WindowsおよびMac用の上位11のFigmaキーボードショートカットについて学習してください。