【社労士解説】ジョブ型雇用時代におけるフリーランスの生存戦略とは?
- コラム
- とは
- フリーランス/個人事業主
Adobe XDやSketchと並ぶ人気のデザインツール『Figma』。Figmaはさまざまな機能を無料で提供していますが、それでもデザインを0から作るのは簡単ではありません。
そこで今回は、Figmaでの作業を効率化してくれる、魅力的なテンプレートをご紹介します。
目次
ボタンなど300種類のデザイン要素と、30種類以上のワイヤーフレームを無料で提供しているライブラリ。このライブラリとFigmaさえあれば、かんたんにアプリをデザインできます。
ダークモードに適応したUIキット。モバイルインターフェイスのデザインに必要な要素が揃っています。
チケット売買のアプリを作るなら、このUIキットがおすすめです。チケット購入画面や座席指定などの画面デザインを提供しており、FigmaだけでなくSketchでも動作します。
Googleのマテリアルデザインをベースに、バー、アバター、バッジ、拡張パネルなどのコンポーネントを組み込んでいます。商用利用も可能。React Material UIと互換性があります。
Material-UI React Components in Figma
このUIモバイルキットを使えば、簡単にメッセージ画面をデザインできます。カスタマイズもかんたんです。
支払い処理、銀行サービス、会計などの財務アプリに必要なデザイン要素を提供しています。個人・商用ともに利用可能です。
Finance Wireframe Template for Figma
美しいデザインのUIコンポーネントライブラリ。150種類以上のコンポーネントを提供しているため、ニーズにあったものが見つかるはずです。
近年、注目が集まる、決済機能からポイントカード、会員証、クーポンまでアプリに格納できる「モバイルウォレット」。このUIキットを使えば、モバイルウォレットのログイン画面を簡単に作成できます。個人プロジェクト向けに無料で提供されており、色やフォントを自由に選べるのが特徴です。
Login Wallet Mobile UI Kit for Figma
ミニマルで美しいUIキット。12種類のUIデザインを提供しており、アプリの画面を簡単に制作できます。キットには、アイコンなども含まれます。
Facebookのデザインチームがデザインを担当しており、検索バー、ドロワー、アバター、バッジなどの要素を提供しているUIキットです。
レスポンシブ対応が可能なポートフォリオ用のFigmaテンプレート。デスクトップ版とモバイル版が含まれており、SketchとAdobe XDにも対応しています。
Webサイトやアプリにとってもっとも重要な要素であるCTA。このテンプレートを使えば、コンバージョン率の高いCTAブロックを簡単に作成できます。
Call To Action Blocks Figma Templates
ワイヤーフレーム、プロトタイプなどを作成するのにぴったりの、シンプルなFigmaプラグインです。
Figmaのフレーム内でレスポンシブデザインのレイアウトのテストに活用できるプラグインです。テンプレートととしても活用できるでしょう。
Breakpoints Responsive Figma Plugin
Webダッシュボードや統計パネルを作るなら、このプラグインが役に立つはずです。ライトモードとダークモード両方のテンプレートを提供しており、力強いデザインのダッシュボードを制作できます。
Figma Web Dashboard & Statistics Template
イラスト入りのバナーを提供している、書店やアート販売のWebサイトにぴったりのFigmaテンプレートです。個人のプロジェクトであれば無料で使用できます。
Bookshop Figma Website Template
ブルータリズムが好きな人におすすめのUIキット。70種類以上のワイヤーフレームを提供しており、お役様の声やサービス、チームメンバーなどのセクションが用意されています。個人・商用ともに無料で利用可能です。
フォーム、ボタン、ベーシックなアイコンといった基本的なデザイン要素を含む、Figmaのスターターキット。ライトバージョンとダークバージョンがあり、個人・商用ともに無料で利用可能です。
デスクトップ製品を対象にした無料デザインキット。ワイヤーフレーム、UI、スタイルガイドを簡単に作成できます。フルカスタマイズ可能です。
Figmaのオンラインホワイトボードに必要なコンポーネントを提供している、無料のワイヤーフレームライブラリです。
Figmaでデザインガイドラインを作成するなら、このキットを活用してみましょう。デザインガイドを作るために必要なパターン、タイポグラフィ、色、その他の設定を提供しています。
Figma Design System UI Styleguide
無料のシンプルなUIスタイルガイド。個人・商用ともに無料で利用可能です。
この無料のUIデザインシステムを使えば、Figmaで簡単にボタンを作成できます。個人・商用ともに無料で利用可能です。
Button UI Design System for Figma
FigmaとSketch両方で使える、iPhone12のモックアップテンプレート。ミニマルなデザインを12種類提供しています。
ワンクリックでFigmaアカウントにファイルを複製できます。個人・商用ともに無料で利用可能です。
シンプルで美しいSNSアイコンを、モノクロとカラーでそれぞれ34種類提供しています。
Social Network Icon Collection 2022
仮想通貨やブロックチェーン関係のプロジェクトに取り組んでいるなら、このFigma用アイコンセットを使ってみましょう。もっとも人気が高い50サービス以上のロゴがテンプレートに含まれています。
あらゆるプロジェクトに活用できる、汎用性の高いアイコンが460種類セットで提供されています。個人・商用ともに無料で利用可能です。
SNSのアイコンをFigmaに取り入れたいなら、このセットがおすすめです。カスタマイズ可能なアイコンを100種類以上提供しています。個人・商用ともに無料で利用可能です。
あらゆるタイプのプロジェクトやプロトタイプに活用できるアイコンを、1000種類以上提供しています。個人・商用ともに利用可能です。
Font Awesomeのアイコンをベースにしたアイコンを、1200種類以上提供しています。個人のプロジェクトのみ、無料で利用可能です。
Figma Font Awesome 5 Icon Component Library
Figmaのために作られた無料/有料のアイコンを、411種類提供しています。個人のプロジェクトのみ、無料で利用可能です。
Figma Entypo Icon Component Library
このフローチャートテンプレートセットには、フローチャートやサイトマップのプロトタイプを作成するために必要な、200種類以上のカードが付属しています。個人・商用ともに無料で利用可能です。
Greyhound Flowchart Templates for Figma
サイトマップをデザインしたり、プロセスを簡単に可視化したりするのにぴったりのフローチャートキット。FigmaだけでなくSketchにも対応しており、個人・商用ともに無料で利用可能です。
UIデザインのプレゼンテーションをスピーディーに作成できるように設計されています。フルカスタマイズ可能なボタン、チャート、テキストブロックが付属しています。
Design Presentation Template for Figma
ここまで無料で使用できるテンプレートをご紹介してきました。この項目では、有料登録が必要ですが、異なるバリエーションのテンプレートをダウンロードできるEnvato Elementsを紹介します。
このテンプレートを使えば、ランディングページを簡単に制作できます。カスタマイズが簡単で使いやすいレイヤーとアートボードを提供しています。
eコマース、教育、クリエイティブエージェンシー、デジタルマーケティング、そして建築サービスのための5種類のテンプレートを提供しています。
プロトタイピングを効率化するのにぴったりの、シンプルなワイヤーフレームキットです。必要なコンポーネントを選択し、画面上にドロップするだけで、カスタマイズできます。
Webやモバイルアプリのダッシュボードを作成する必要があるなら、このUIキットがおすすめです。完璧にレスポンシブ対応したモバイル画面、チャート、グラフ、オンボーディング画面、アイコンセット、そして詳細なスタイルガイドを提供しています。
ページビルダーのUIを作る必要があるなら、このアイコンセットが役に立つはずです。
Website Page Builder Icon Pack
ネットショップやショッピングアプリ、Webサイトなどに活用できる60種類のアイコンをセットで提供しています。線の太さが調整可能で、FigmaだけでなくIllustratorやPhotoshopなどでも使用できます。
IT関連のプロジェクトには、このアイコンセットを活用してみましょう。60種類以上のアイコンを提供しています。
Figmaと無料のテンプレートを組み合わせれば、お金をかけることなくハイクオリティなUIを作成できます。
ニーズにあったテンプレートを見つけて、ぜひプロジェクトに活用してみてください。
(執筆:Paul Andrew 翻訳:Asuka Nakajima 編集:泉 提供元:speckyboy)
超便利なおすすめFigmaプラグイン19選【UXデザイナーが厳選!】
Workship MAGAZINE
Figmaの使い方&便利機能11選。今すぐ使えるショートカットを一挙紹介
Workship MAGAZINE