Figma Community（フィグマコミュニティ）は、世界中のデザイナーが作成したUIキット、テンプレート、アイコン、プラグインなどを無料で共有しているプラットフォームです。
Figmaを使ってUIデザインやWebデザイン、アプリデザインを作るときに「もっと効率よくデザインを作りたい」「プロのUIを参考にしたい」と思うことは多いでしょう。
そんなときに役立つのがfigma communityです。
figma communityには、UI kit・wireframe・dashboardテンプレート・icon素材・pluginなど、デザイン制作を効率化する素材が大量に公開されています。しかも多くの素材が無料でDuplicate（コピー）して使えるため、デザイン作業を大幅に効率化できます。
この記事では
- figma communityとは何か
- figma communityでできること
- figma communityの使い方
- 無料素材の探し方
- おすすめのUIキット
を初心者にもわかりやすく解説します。
Figmaをこれから使う人、UIデザインを効率化したい人はぜひ参考にしてください。
Figma Communityとは？初心者にもわかりやすく解説
figma communityとは、Figma公式が提供しているデザイン素材共有プラットフォームです。
世界中のデザイナーが作成したUIキット、テンプレート、デザインシステム、アイコン素材、プラグインなどを公開しており、誰でも検索して利用できます。
Figmaユーザーであれば特別な登録は不要で、Figmaにログインするだけで利用できます。
UIデザイン初心者からプロのプロダクトデザイナーまで、多くのデザイナーが活用している機能です。
Figma公式が提供するデザイン素材共有プラットフォーム
figma communityはFigmaが公式に提供しているサービスで、UIデザインに必要な素材を誰でも利用できます。
公開されている素材には次のようなものがあります。
- UI Kit
- Wireframe
- Dashboardテンプレート
- Design System
- Iconセット
- Figma Plugin
- Widget
これらを利用することでゼロからUIを作る必要がなくなり、デザイン制作を効率化できます。
世界中のデザイナーがUIキット・テンプレート・プラグインを公開している
figma communityには世界中のデザイナーが参加しています。
Webデザイン、モバイルアプリUI、SaaSダッシュボードなど、さまざまなジャンルのデザイン素材が公開されています。
海外のデザイナーのUIデザインを見ることができるため、最新のUIトレンドやデザインパターンを学ぶこともできます。
無料でDuplicateして自分のFigmaファイルとして使える
figma communityの最大の特徴は、素材をDuplicate（コピー）して自分のFigmaファイルとして使えることです。
素材ページのDuplicateボタンをクリックするだけで、自分のドラフトにコピーされます。
コピーしたファイルは自由に編集できます。
- 色の変更
- テキストの変更
- レイアウト変更
- コンポーネント再利用
これによりデザイン制作のスピードを大幅に向上させることができます。
Communityタブから素材を検索できる
figma communityはFigmaの「Community」タブからアクセスできます。
ここでは
- 人気素材（Popular）
- おすすめ素材
- 最新素材
などを閲覧できます。
検索機能もあるため、UIキットやテンプレートを簡単に見つけることができます。
Figma Communityでできること
figma communityでは、UIデザイン制作を効率化するさまざまな素材を利用できます。
UIキットやワイヤーフレームをコピーして使える
figma communityにはUI kitやwireframeテンプレートが多数公開されています。
ボタン、フォーム、カード、ナビゲーションなどのUIコンポーネントがすでに作られているため、デザインを高速に作ることができます。
アイコン素材（Iconify・Feather Iconsなど）を利用できる
figma communityでは、人気アイコンセットも利用できます。
- Iconify
- Feather Icons
- Heroicons
- Material Icons
これらのアイコンはサイズやカラーを自由に変更できるため、UIデザインに便利です。
Material DesignやiOS UI Kitなど公式UIキットを使える
figma communityではGoogleやAppleの公式UIキットも公開されています。
これらを使うことで公式ガイドラインに沿ったUIデザインを作ることができます。
デザインテンプレートを学習用として見る
figma communityはUIデザインの学習にも最適です。
公開されているファイルを開くと
- Auto Layoutの構造
- コンポーネント設計
- デザインシステム
などを確認できます。
プロのデザイナーの設計を学ぶことができます。
自分のデザインやプラグインを公開できる
figma communityでは自分のデザインを公開することもできます。
公開すると世界中のデザイナーが利用できます。
ポートフォリオとしても活用できます。
Figma Communityで無料素材を探す方法
キーワード検索する
検索バーで次のようなキーワードを入力します。
- UI Kit
- Dashboard
- Mobile App
- Wireframe
- Design System
英語で検索すると素材が多く見つかります。
Popular（人気ランキング）を見る
Popularでは多くのユーザーが使っている素材を見ることができます。
高品質なUIキットを見つけやすいです。
カテゴリーから探す
figma communityは次のカテゴリに分かれています。
- Files
- Plugins
- Widgets
目的に合わせて探すと便利です。
Freeタグを確認する
無料素材にはFreeタグが付いています。
無料素材だけ使いたい場合は確認しましょう。
Figma Communityのメリット
無料で高品質UI素材が使える
figma communityでは高品質なUI素材を無料で使えます。
UI制作コストを削減できます。
プロのUIデザインを学べる
公開されているデザインファイルを見ることで
- コンポーネント設計
- Auto Layout
- デザインシステム
などを学べます。
デザイン制作時間を短縮できる
UI kitやテンプレートを使えばゼロから作る必要がありません。
デザイン制作時間を大幅に短縮できます。
Figma Community利用時の注意点
ライセンスを確認する
素材によって利用条件が異なります。
商用利用できるか必ず確認しましょう。
古いUIキットは注意
古い素材はAuto Layoutなど最新機能に対応していない場合があります。
更新日が新しい素材を選ぶのがおすすめです。
Figma Communityまとめ
figma communityは、Figmaユーザーにとって非常に便利な素材共有サービスです。
- 無料UI素材を検索できる
- Duplicateしてすぐ使える
- デザイン制作を効率化できる
- UIデザイン学習にも役立つ
Figmaを使っているなら、ぜひfigma communityを活用してみてください。
コメント