デザイン

デザイン

PR

無料で提供!見ておきたいFigmaのテンプレおすすめ35選

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、35 Free Web & Mobile UI Templates for Figma
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

21,087 views

読了時間 : 約9分13秒

効果的なユーザーインターフェイスを構築するのは、簡単な事ではありません。ですが、あなたの目的にあったツールを使うと楽になります。

 

初めに、あなたが楽しく作業でき、UIを構築するのに必要な物が揃っているツールを見つけましょう。Figma は全て揃っています。

 

ツールを手に入れれば、作業が早くなり、UIを綺麗に作る事ができます。しかし、バラバラのインターフェイスをまとめるのは時間がかかります。ですが、ウェブかモバイルのUIツールを使えば、早くデザインできます。

 

すでに作られているデザインキットを使えば、バラバラのUIをそれぞれ編集するのに時間がかかりません。あなたは、どの様に配置すれば効果的かと言う事にだけ集中する事ができます。私たちは、Figmaの中から無料のいいUIキットとテンプレートを選びました。ダウンロードして、UIデザインの時間を短縮させてください。

 

 

Figmaのモバイル用無料UIキット35選

Grada Figma UI Kit

 

これは、Figmaで使う美しくて暗い色のUIモバイル用キットです。ここには、あなたのモバイル用インターフェイスを豪華にするために必要な物がたくさんあります。

 

 

 

 

Ticketapp Figma Template

 

あなたがチケット販売のアプリを作っているなら、このUIキットが便利です。これはFigmaでも Sketchでも使えます。ここで、チケット販売画面や座席指定画面などが作れる様になります。

 

 

 

 

 

Material-UI React Components in Figma

 

このキットはGoogleのマテリアルデザインが基本になっています。これには、バー、アバター、バッジ、パネルなどを作る時に必要な物が揃っています。このキットは、個人利用でも商用利用でも無料で使えます。 React Material-UI libraryと互換性があります。

 

 

 

 

 

 

Chat Dashboard Figma Template

 

あなたがチャット機能を作っているなら、このキットを使ってください。このキットは、チャットアプリ用のインターフェイスで、必要に応じて簡単に編集する事ができます。

 

 

 

 

Think Mobile UI Kit on Envato Elements

 

このキットは、Envato Elementsにダウンロードして使います。 ここには、iPhone X用の11のカテゴリーで120以上の画面があります。このキットを使うと、美しいアプリを作る事ができます。

 

 

 

 

 

 

Finance Wireframe Template for Figma

 

入金処理や銀行などの支払い関係のアプリを制作しているなら、これが便利です。これは、個人でも商用でも利用できます。

 

 

 

 

 

 

Login Wallet Mobile UI Kit for Figma

 

モバイル用ウォレットのログイン画面を作る時は、このキットを使うと簡単になります。このキットは個人利用だと無料です。色やフォントを簡単に変更する事ができます。

 

 

 

 

 

 

Android Settings UI Kit for Figma on Envato Elements

 

このキットは、アンドロイド用で、4種類のスクリーン、520以上のアイコンとフォントがあります。このキットは、色々なアプリに利用でき、レイヤーを簡単に編集する事ができます。

 

 

 

 

 

 

Atro Mobile Figma UI Kit

 

この綺麗で最小サイズのUIキットは、12種類の違う画面があり、あなたが作ったアプリを使いやすくしてくれます。 キットには、色々なアイコン、画面作成用素材、その他ベクトル化された素材があります。

 

 

 

 

iOS 10 iPhone GUI

 

もし、iOS 10用の UI素材が必要であれば、このキットを使ってみてください。これはFacebookのデザインをしている人達が制作しています。ここには、検索バー、 ドロワー、アバター、バッチなどの素材があります。

 

 

 

 

 

 

Figmaのウェブ用無料テンプレート

 

Call To Action Blocks Figma Templates

 

誘導するという事は、ウェブサイトやアプリに一番重要な要素です。このキットを使えば、 スムーズに誘導できる様に作る事ができます。

 

 

 

 

Agency Landing Page on Envato Elements

 

オンラインであなたの会社の商品を紹介したい時は、このランディングページテンプレートを使うと早いです。このテンプレートは使いやすく、更新もしやすいです。ここには、整理されたレイヤーと画像があります。

 

 

 

 

 

Figma Web Dashboard & Statistics Template

 

もし、ダッシュボードや統計のパネルを作る必要があるのなら、このキットを試してください。このテンプレートには、容量が軽くてたくさんの暗い色使いの素材があります。これを使うと、力強く現代的なダッシュボードが作れます。

 

 

 

 

 

 

Bookshop Figma Website Template

 

このテンプレートを使うと、モックアップ式の本屋サイトがすぐに作れます。このテンプレートには、イラスト付きのバーナーがあります。個人利用は無料です。

 

 

 

 

 

 

Laza Craft Shop Template on Envato Elements

 

このUIキットは、12種類あり、100以上の画面があります。レイヤーが整理されていて、変更しやすいです。このテンプレートはEnvato Elementsの素材の一つです。

 

 

 

 

 

 

 

Brutalist Web Kit for Figma

 

もしあなたがイギリスのトレンドが好きなら、このUIキットがぴったりです。このテンプレートには70以上の画面があり、証明書、サービス内容、メンバー紹介などからなります。このテンプレートは、個人利用商用利用共に無料です。

 

 

 

 

 

 

 

Figmaの無料テンプレートとスタートキット

 

 

このスターターキットには、フォーム、ボタン、アイコンなどの基本的なUI素材が入っています。容量が軽く暗い色使いです。個人利用商用利用共に無料です。

 

 

 

 

 

 

 

Paper Wireframe Kit on Envato Elements

 

プロトタイプのデザインを早く作りたいなら、このワイヤフレームキットを使ってください。必要な素材を選んで、作成している画面に入れるだけです。そして、そこから編集する事もできます。

 

 

 

 

 

 

 

Product Design Kit for Figma

 

このキットはFigma用デザインキットの最終形です。これを使うと、高機能のデスクトップ用ワイヤーフレーム、うーざーインターフェイス、スタイルガイドが作れます。自由に編集できて、無料で使えます。

 

 

 

 

 

 

 

Figma Design System UI Styleguide

 

もしFigmaのデザインシステムを構築したいなら、必要なものはこのキットに全て入っています。このキットには、パターン、活版印刷風、色などのスタイルガイドに必要なものがあります。

 

 

 

 

 

 

Dashboard UI Kit 2.0 on Envato Elements

 

モックアップのウェブやモバイル用アプリのダッシュボードを作る時は、このUIキットが最適です。チャート、グラフ、オンボード画面、アイコン、詳細なスタイルガイドがあり、評判の高いモバイル用画面が作れます。

 

 

 

 

 

Eggplore Figma UI StyleGuide

 

This is a simple and free このUIスタイルガイドは、無料で簡単な作りになっていて、ダウンロードや変更がしやすいです。 個人利用商用利用共に無料です。

 

 

 

 

Button UI Design System for Figma

 

このUIデザインシステムを使えば、 Figmaでボタンを早く簡単に作る事ができます。 個人利用商用利用共に無料です。

 

 

 

 

 

Figmaの無料アイコンセット

 

Dripicons Figma Library

 

このDripiconsのセットは、Figmaのために作られたもので、個人でも商用でも使えます。このファイルをワンクリックであなたのFigmaアカウントにコピーする事ができます。

 

 

 

 

 

 

 

Website Page Builder Icon Pack on Envato Elements

 

ページビルダー用のユーザーインターフェイスを構築する必要があるのなら、このアイコンセットを使ってください。このセットはページビルダーで使いやすい様に作られていて、Envato Elementsにダウンロードする事もできます。

 

 

 

 

 

 

 

 

Evericons for Figma

 

このセットには、460のアイコンがあり、色々な用途に利用できます。個人利用商用利用共に無料です。

 

 

 

 

 

 

 

Figma Social Icons

 

あなたのデザインにソーシャルメディアのアイコンを入れたい時は、このセットを試してみてください。このセットには、The set contains over 100以上のアイコンがあり、編集しやすく、個人でも商用でも利用できます。

 

 

 

 

 

Shopping Icons for Figma on Envato Elements

 

このセットには、60のアイコンがあり、オンラインストアやショッピングアプリやウェブサイトに最適です。 このアイコンは幅を調整する事ができます。これは、Figma、イラストレーター、フォトショップなどで使えます。

 

 

 

 

 

 

Material Icons Figma Library

 

このアイコンコレクションは1000以上あり、色々な用途に使えます。商用でも個人でも使えます。

 

 

 

 

 

 

Figma Font Awesome 5 Icon Component Library

 

このアイコンセットは、Font Awesome iconsが基本になっています。 ここには1200以上の面白いアイコンがあり、きちんとカテゴリー別に分けられています。自由にダウンロードして利用する事ができます。

 

 

 

 

 

 

 

Computer and IT Figma Icons on Envato Elements

 

もしあなたがITのプロジェクトを手がけているなら、ここを見てみてください。このキットには60のアイコンがあり、 Envato Elements の一部としてダウンロードできます。

 

 

 

 

 

 

 

 

Figma Entypo Icon Component Library

 

このアイコンはFigmaの為に特別に作られたものです。 ここには、無料と有料のベクター形式アイコンが411あり、次世代のUXデザインに利用できます。

 

 

 

 

 

 

無料のFigma用フローチャートテンプレート

 

Greyhound Flowchart Templates for Figma

 

このフリーチャートテンプレートのセットは、200以上のカードが入っています。なので、フローチャートやサイトマップ、試作品などをすぐに作る事ができます。個人利用商用利用共に無料です。

 

 

 

 

 

 

Flow Chart Kit 2.0 for Figma

 

これも素晴らしいフローチャートです。サイトマップを作って、視覚化するのに最適です。個人利用商用利用共に無料です。

 

 

 

 

 

 

Figmaは、必要に応じて、モバイル用アプリ、ウェブ用アプリ、ダッシュボード、サイトマップなどUI関係のものを簡単に素早く作るためのものです。 これらのキットを使うと、デザインのプロトタイプがすぐに作る事ができます。なので、すぐに取り入れましょう。

おすすめ新着記事

おすすめタグ