Figmaで使えるおすすめUIキット10選

10 Most popular Figma UI Kits in 2022 for Product Designers
DESIGNER

Web上で手軽にデザインができるFigmaは、デザイナーの強い味方です。しかし、そのFigmaを使っても、制作に多くの時間がかかってしまうこともあります。

そんなとき、Figmaでの制作に使える画面デザインやレイアウト、パーツなどの要素を詰め込んだ「UIキット」はプロジェクトにかかる時間を節約し、作業を合理化してくれる便利な存在です。

そこで、今回はおすすめのUIキット10選を紹介します。

1. Frames X UI Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

オートレイアウトやダークモード、カラースタイルなどで開発されたバラエティ豊富なコンポーネントやバリアントを3,000点提供しているFigmaのUIキット。「The Frames X handbook」という94ページもあるハンドブックが付属しており、デザインの生産性を高め、拡張性の高いデザインシステムを構築する手助けをしてくれます。

Frames X UI Kit

2. Karma Wireframe Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

配色や基本的な要素の制作など、Figmaでの細かい作業をショートカットできるUIキット。900以上の構成要素が、プロジェクトに新鮮なアイデアを与えてくれます。

Karma Wireframe Kit

3. Cabana

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

ランディングページのデザインを作るのにおすすめのUIキット。1,000種類以上のUIブロックが、ページレイアウトの制作を手助けしてくれます。FigmaのUIキットだけでなく、テンプレートもセットで提供している点が魅力です。

Cabana

4. Dashboard For Invoice UI Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

プロフェッショナルで現代的なデザインが特徴のUIキット。Figmaだけでなく、Sketchにも活用できます。

Dashboard For Invoice UI Kit

5. Orabel Web UI Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

個人のポートフォリオサイトに特におすすめのUIキット。フリーフォントを使用しており、23種類のレイヤー付きページテンプレートを提供しています。

Orabel Web UI Kit

6. Nucleus UI iOS UI Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

モックアップやプロトタイプを、Figmaでスピーディーに作成できるUIキット。モバイルアプリを作るのにおすすめです。

Nucleus UI iOS UI Kit

7. Prisma UI Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

現代的なモバイルスクリーンやコンポーネントを提供するUIキット。ハイエンドなアプリのデザインインスピレーションとして活用できます。7つのカテゴリーに分けられた、70種類以上のベクターベースのデザイン要素も魅力です。

Prisma UI Kit

8. Lo-Fi Wireframing Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

ボタンや画像、タブ、テキストフィールドなど、100種類近いワイヤーフレーム作成用パーツを無料で使用できるUIキット。多くのワイヤーフレーム作成ツールを開発してきた、経験豊富な作者が提供しています。

Lo-Fi Wireframing Kit

9. Shipfaster UI

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

丁寧に作られた、とくに初心者におすすめのUIキット。Figma Communityのファイルからいくつの要素を再利用し、おもにマーケティングウェブサイトのデザインを対象としています。6,000以上のコンポーネントとバリアント、150以上のカラースタイルとアイコンを提供しています。

Shipfaster UI

10. Stratum UI Design Kit

10 Most popular Figma UI Kits in 2022 for Product Designers

▲出典:UX Planet

9,000以上の標準化された要素、バリアント、配色、アイコンを提供するUIキット。Figmaのベストプラクティスを活用して作られています。

Stratum UI Design Kit

おわりに

今回紹介したコンポーネントは、どれもFigmaでの制作を効率化してくれます。自分のニーズにあったUIコンポーネントを選んで、プロジェクトに取り入れてみましょう。

(執筆:Shantanu Kumar 翻訳:Asuka Nakajima 編集:少年B 提供:UX Planet

40,000人以上が使う!日本最大級のフリーランス・副業向けマッチングサービス『Workship』

「フリーランスとして、もっと大きな仕事にかかわりたいな……」
「企業で働いてるけど、副業でキャリアを広げていきたいな……」
「報酬が低くて疲弊している。もっと稼げるお仕事ないかな……」

フリーランス・副業向けマッチングサービス『Workship(ワークシップ)』が、そんな悩みを解決します!

  • 累計40,000人以上のフリーランス・副業ワーカーが登録
  • 東証プライム上場企業からスタートアップまで多数参加
  • 土日、週1、フルタイムなどさまざまな働き方あり
  • 公開中の募集のうち66%がリモートOKのお仕事
  • 時給1,500円〜10,000円の高単価案件のみ掲載
  • お仕事成約でお祝い金10,000円プレゼント!

利用料は一切かかりません。一度詳細をのぞいてみませんか?

※Workship MAGAZINEでは日々情報の更新に努めておりますが、掲載内容は最新のものと異なる可能性があります。当該情報について、その有用性、適合性、完全性、正確性、安全性、合法性、最新性等について、いかなる保証もするものではありません。修正の必要に気づかれた場合は、サイト下の問い合わせ窓口よりお知らせください。また、本メディア内に掲載されているリンクには、アフィリエイトURLが含まれる可能性があります。

SHARE

  • 広告主募集
  • ライター・編集者募集
  • WorkshipSPACE
#フリーランス大会議 仕事の単価の決め方