50 modèles d'interface utilisateur Web et mobile gratuits pour Figma

Publié: 2022-01-24

Concevoir une interface utilisateur efficace n'est pas une tâche facile. Cependant, cela devient beaucoup plus facile lorsque vous avez les bons outils à votre disposition.

La première étape consiste à trouver un outil avec lequel vous aimerez travailler et qui possède toutes les fonctionnalités dont vous avez besoin dans un logiciel de conception d'interface utilisateur. Heureusement, Figma correspond assez bien à ce projet de loi.

Une fois que vous avez l'outil, vous pouvez rapidement vous mettre au travail et concevoir une belle interface utilisateur. Mais concevoir une interface à partir de zéro peut prendre du temps. Envisagez plutôt d'utiliser un kit d'interface utilisateur Web ou mobile pour accélérer votre processus de conception.

En utilisant un kit de conception prédéfini, vous n'avez pas à passer du temps à créer chaque élément de l'interface utilisateur à partir de zéro. Vous pouvez vous concentrer sur la disposition de ces éléments de la manière la plus logique et la plus attrayante visuellement.

Nous avons rassemblé les meilleurs kits et modèles d'interface utilisateur mobiles et Web gratuits pour Figma, l'outil de prototypage extrêmement populaire pour les concepteurs. Découvrez-les ci-dessous et téléchargez-les sur votre ordinateur pour gagner du temps sur votre prochaine conception d'interface utilisateur.

Table des matières

  • Kits d'interface utilisateur Figma Mobile
  • Modèles de mise en page Web Figma
  • Modèles et kits de guide de style Figma
  • Ensembles d'icônes Figma
  • Modèles d'organigramme Figma

Contenu connexe

  • 50 kits filaires gratuits
  • 50 kits d'interface utilisateur mobiles gratuits
  • 50 kits d'interface utilisateur Web gratuits
  • 15 kits d'interface utilisateur gratuits pour Bootstrap
  • 20 kits d'interface utilisateur gratuits pour Adobe XD
  • 30 kits d'interface utilisateur de conception de matériaux gratuits
  • 20 kits d'interface utilisateur gratuits pour Sketch
  • Kits d'interface utilisateur Web open source

Kits d'interface utilisateur Figma Mobile gratuits

Bibliothèque de composants d'interface utilisateur Nucleus

Nucleus est une bibliothèque d'interface utilisateur gratuite de 300 composants et plus de 30 écrans. Il vous donnera tous les éléments de base dont vous avez besoin pour concevoir rapidement votre prochaine application mobile.

Nucleus UI Component Library kit d'interface utilisateur figma gratuit

Kit d'interface utilisateur Grada Figma

Il s'agit d'un kit mobile d'interface utilisateur magnifique et sombre pour Figma. Il contient une pléthore d'éléments nécessaires pour créer des interfaces mobiles riches, alors assurez-vous de l'ajouter à votre bibliothèque.

Grada Figma UI Kit kit mobile figma ui gratuit

Kit de survie pour iOS Design

Kit de survie pour modèle figma gratuit iOS Design

Page de destination de l'agence sur Envato Elements

Utilisez ce modèle de page de destination pour mettre rapidement votre entreprise en ligne et présenter ce que vous avez à offrir. Ce modèle est facile à utiliser et à personnaliser et comprend des calques et des plans de travail bien organisés.

Modèle de mise en page Web figma ui gratuit pour la page de destination de l'agence

Ticketapp Modèle Figma

Si vous travaillez sur une application de billetterie, ce kit d'interface utilisateur vous sera utile. Il fonctionne à la fois avec Figma et Sketch et comprend des éléments tels que des écrans d'achat de billets, la sélection de sièges, etc.

Ticketapp Figma Template kit mobile figma ui gratuit

Composants Material-UI React dans Figma

Ce kit est basé sur la conception matérielle de Google et intègre des composants tels que des barres, des avatars, des badges, des panneaux d'extension, etc. Le kit peut être utilisé gratuitement dans des projets personnels et commerciaux et est entièrement compatible avec la bibliothèque React Material-UI.

Material-UI React Components kit mobile figma ui gratuit

Modèle Figma de tableau de bord de chat

Considérez ce kit mobile Figma UI gratuit lorsque vous travaillez sur un tableau de bord de chat. Le kit comprend une interface plein écran pour une application de chat, et vous pouvez facilement la personnaliser pour répondre aux besoins de votre projet.

Chat Dashboard kit mobile figma ui gratuit

Modèle de filaire financier pour Figma

Ces wireframes financiers pour Figma vous seront utiles chaque fois que vous aurez besoin de créer une interface pour un processeur de paiement, une banque, une comptabilité ou toute autre application financière. Il peut être utilisé dans des projets personnels et commerciaux.

Finance Wireframe gratuit figma ui mobile kit

Deca Kit pour Figma

Deca est une bibliothèque de composants d'interface utilisateur magnifiquement conçue. Avec plus de 150 composants, vous trouverez tout ce dont vous avez besoin pour réaliser rapidement votre prochain projet.

Deca web kit d'interface utilisateur figma gratuit

Kit d'interface utilisateur mobile de portefeuille de connexion pour Figma

Créez facilement un écran de connexion de portefeuille mobile à l'aide de ce kit d'interface utilisateur. Le kit est gratuit pour les projets personnels et peut facilement être personnalisé avec votre choix de couleurs et de polices.

Connexion Wallet kit mobile figma ui gratuit

Kit d'interface utilisateur Atro Mobile Figma

Ce kit d'interface utilisateur magnifique et minimal contient 12 écrans différents, vous pouvez donc facilement donner vie à la vision de votre application. Le kit comprend diverses icônes, éléments d'écran et éléments entièrement vectorisés.

Kit mobile d'interface utilisateur figma gratuite Atro

Interface graphique iOS pour iPhone

Si vous avez besoin d'éléments d'interface utilisateur iOS 10, consultez ce kit. Il a été conçu par l'équipe Facebook Design et comprend des éléments tels que des barres de recherche, des tiroirs, des avatars, des badges, etc.

kit mobile ios figma ui gratuit

Modèles de mise en page Web Figma gratuits

Modèle de portfolio réactif

Téléchargez ce modèle Figma de portfolio personnel réactif de 24 pages. Il comprend à la fois des versions de bureau et mobiles, et il est également compatible avec Sketch et Adobe XD.

Modèle figma gratuit de portefeuille réactif

34 composants d'interface utilisateur pratiques

34 modèles figma gratuits de composants d'interface utilisateur pratiques

Blocs d'appel à l'action Modèles Figma

Les appels à l'action sont l'un des éléments les plus importants de tout site Web ou application. Avec l'aide de ce kit, vous pourrez créer un bloc d'appel à l'action à haute conversion en un rien de temps.

Call To Action Blocks modèle de mise en page Web figma ui gratuit

Générateur de modèles d'e-mail Marka

Modèle figma gratuit de générateur d'e-mails Marka

Modèles de sites Web Createx (sur Envato Elements)

Createx est une collection de cinq modèles de mise en page Web Figma pour le commerce électronique, l'éducation, l'agence de création, le marketing numérique et la construction.

Modèles de site Web Createx kit d'interface utilisateur figma

Bibliothèque filaire pour Figma

Il s'agit d'un simple plugin Figma pour créer rapidement des structures filaires, des prototypes ou simplement des structures d'interface utilisateur de base.

Modèle figma gratuit de la bibliothèque filaire

Kit d'interface utilisateur UX Mind Free

Modèle figma gratuit du kit d'interface utilisateur UX Mind

Plugin Figma réactif aux points d'arrêt

Breakpoints est un nouveau plugin gratuit qui vous permet de tester des mises en page de conception réactives dans un cadre Figma.

Kit d'interface utilisateur figma gratuit pour les points d'arrêt

Modèle de tableau de bord et de statistiques Figma Web

Essayez ce kit Figma si vous avez besoin de créer un tableau de bord Web ou un panneau de statistiques. Le modèle comprend un modèle en mode clair et sombre avec un tas de composants pour vous aider à créer un tableau de bord puissant et moderne.

Modèle de mise en page Web figma ui gratuit de statistiques de tableau de bord Web

Librairie Figma Modèle de site Web

Maquettez rapidement un site Web de librairie à l'aide de ce modèle Figma. Le modèle comprend une bannière illustrée et est gratuit pour un usage personnel.

Librairie Figma Website modèle de mise en page Web figma ui gratuit

Kit Web brutaliste pour Figma

Si vous aimez la tendance brutaliste, ce kit d'interface utilisateur vous conviendra parfaitement. Le modèle comprend plus de 70 écrans avec des sections pour les témoignages, les services, les membres de l'équipe, etc. Le modèle est gratuit pour les projets personnels et commerciaux.

Modèle de mise en page web brutaliste Web Kit figma ui

Modèles et kits de démarrage Figma Styleguide gratuits

Kit de démarrage Figma

Ce kit de démarrage Figma contient des éléments d'interface utilisateur de base tels que des formulaires, des boutons et des icônes de base. Il existe en versions claires et sombres et est gratuit pour les projets personnels et commerciaux.

Kit de démarrage kit de guide de style figma ui gratuit

Kit filaire papier sur Envato Elements

Ce kit filaire simple est un excellent choix lorsque vous devez commencer rapidement le prototypage de votre conception. Tout ce que vous avez à faire est de sélectionner les composants dont vous avez besoin, de les déposer sur votre écran et de commencer à les personnaliser.

Kit de filaire en papier kit de guide de style figma ui gratuit

Kit de conception de produits pour Figma

Ce kit se présente comme le kit de conception ultime pour Figma. Vous pouvez facilement créer des structures filaires, des interfaces utilisateur et des guides de style haute fidélité pour les produits de bureau. Il est entièrement personnalisable et gratuit.

Kit de conception de produits kit de guide de style figma ui gratuit

Kit d'interface utilisateur du tableau de bord 2.0 sur Envato Elements

Ce kit d'interface utilisateur de tableau de bord est un excellent choix si vous avez besoin de modéliser un tableau de bord d'application Web ou mobile. Il est livré avec des écrans mobiles entièrement réactifs et comprend une collection de tableaux, de graphiques, d'écrans d'intégration, un ensemble d'icônes et un guide de style détaillé.

Kit de guide de style figma ui pour tableau de bord

Modèles filaires Figjam

Une bibliothèque filaire gratuite qui ajoute des composants indispensables au nouveau tableau blanc en ligne de Figma.

Figjam Wireframe Templates kit d'interface utilisateur figma gratuit

Guide de style de l'interface utilisateur du système de conception Figma

Si vous avez besoin de créer un système de conception dans Figma, ce kit contient tout ce dont vous avez besoin. Le kit contient des motifs, la typographie, la couleur et d'autres paramètres nécessaires pour créer un guide de style complet.

Kit figma gratuit Design System UI Styleguide

Guide de style de l'interface utilisateur Eggplore Figma

Il s'agit d'un guide de style d'interface utilisateur simple et gratuit pour Figma que vous pouvez télécharger, utiliser et adapter à vos besoins. Le kit est gratuit pour les projets personnels et commerciaux.

Kit de guide de style d'interface utilisateur figma gratuit Eggplore

Système de conception d'interface utilisateur de bouton pour Figma

Grâce à ce système de conception d'interface utilisateur gratuit, vous pouvez créer rapidement et facilement des boutons dans Figma. Le modèle est gratuit pour les projets personnels et commerciaux.

Bouton UI Design System kit de guide de style figma ui gratuit

Modèles de maquette d'argile pour iPhone

Une petite collection de douze modèles de maquette en argile pour iPhone 12 au design minimaliste pour Figma (et Sketch).

iPhone Clay Mockup Templates kit d'interface utilisateur figma gratuit

Ensembles d'icônes Figma gratuits

Bibliothèque Dripicons Figma

Cet ensemble de Dripicons a été explicitement créé pour Figma et peut être téléchargé et utilisé dans des projets personnels et commerciaux. Vous pouvez dupliquer ce fichier dans votre propre compte Figma en un seul clic.

Jeu d'icônes dripicons figma ui gratuit

Collection d'icônes de réseaux sociaux 2022

Cette collection magnifiquement simple de 34 icônes couvre tous les principaux services de médias sociaux et comprend des versions en couleur et en noir et blanc.

Modèle figma gratuit de collection d'icônes de réseau social

55 Logos Crypto

Si vous travaillez sur un projet de crypto-monnaie ou de blockchain, c'est l'ensemble d'icônes gratuit pour vous. Plus de cinquante logos des services les plus populaires sont inclus dans le modèle.

55 modèles de figma gratuits Crypto Logos

Pack d'icônes de création de page de site Web sur Envato Elements

Utilisez ce jeu d'icônes si vous devez créer une interface utilisateur pour un générateur de page. L'ensemble a été inspiré par les constructeurs de pages les plus populaires et peut être téléchargé dans le cadre de votre abonnement Envato Elements.

Site Web Page Builder jeu d'icônes figma ui gratuit

Evericons pour Figma

Cet ensemble contient un total de 460 icônes qui peuvent être utilisées pour n'importe quel projet. L'ensemble est gratuit pour les projets personnels et commerciaux.

vericons jeu d'icônes d'interface utilisateur figma gratuit

Icônes d'achat pour Figma sur Envato Elements

Cet ensemble d'icônes comprend 60 icônes parfaites pour une boutique en ligne, une application d'achat ou un site Web. Les icônes ont une largeur de ligne réglable et peuvent être utilisées dans Figma ainsi que dans Illustrator, Photoshop, etc.

Shopping Icons ensemble d'icônes figma ui gratuit

Icônes sociales Figma

Essayez cet ensemble si vous souhaitez ajouter des icônes de médias sociaux à vos créations. L'ensemble contient plus de 100 icônes faciles à personnaliser et pouvant être utilisées dans des projets personnels et commerciaux.

Icônes sociales jeu d'icônes figma ui gratuit

Icônes informatiques et informatiques Figma sur Envato Elements

Découvrez ces icônes informatiques et informatiques pour Figma si vous travaillez sur un projet informatique. Le kit contient 60 icônes et peut être téléchargé dans le cadre de votre abonnement Envato Elements.

Jeu d'icônes informatique et informatique figma ui

Icônes matérielles Bibliothèque Figma

Cette collection gratuite d'icônes comprend plus de 1000 icônes que vous pourrez utiliser dans n'importe quel type de projet et de prototype. Ils peuvent être utilisés dans des projets commerciaux et personnels.

Icônes matérielles ensemble d'icônes figma ui gratuit

Bibliothèque de composants d'icônes Figma Font Awesome 5

Cet ensemble d'icônes est basé sur les icônes Font Awesome et contient plus de 1200 icônes uniques qui sont soigneusement classées. Ils peuvent être téléchargés et utilisés gratuitement dans tout projet personnel.

Font Awesome 5 Icon Component Library ensemble d'icônes figma ui gratuit

Bibliothèque de composants d'icônes Figma Entypo

Cette bibliothèque d'icônes Entypo a été spécialement conçue pour Figma. Il est livré avec 411 icônes vectorielles gratuites et premium prêtes à être utilisées pour votre prochain projet de conception UX. Il peut être utilisé gratuitement dans des projets personnels.

Ensemble d'icônes d'interface utilisateur figma gratuit Entypo

Modèles d'organigramme Figma gratuits

Modèles d'organigramme Greyhound pour Figma

Cet ensemble de modèles d'organigramme est fourni avec plus de 200 cartes pour vous aider à créer rapidement des prototypes d'organigramme et de plan de site. Le kit est gratuit pour les projets personnels et commerciaux.

Tableau de données d'organigramme figma gratuit Greyhound

Kit d'organigramme 2.0 pour Figma

Il s'agit d'un autre excellent kit d'organigrammes, parfait pour concevoir des plans de site et visualiser rapidement les processus. Le kit est gratuit pour les projets personnels et commerciaux.

Flow Chart Kit 2.0 tableau de données d'organigramme figma gratuit

Modèle de présentation de conception pour Figma

Ce modèle gratuit a été conçu pour que vous puissiez créer rapidement des présentations professionnelles de vos créations d'interface utilisateur. Il est livré avec une variété de boutons, de graphiques et de blocs de texte entièrement personnalisables afin que vous puissiez personnaliser votre présentation.

Modèle de présentation de conception modèle figma gratuit


Figma facilite la création rapide de superbes prototypes pour les applications mobiles, les applications Web, les tableaux de bord, les plans de site et tout autre projet d'interface utilisateur dont vous avez besoin. Avec l'aide de ces kits Figma, vous pourrez prototyper vos conceptions plus rapidement, alors assurez-vous de les ajouter à votre bibliothèque dès aujourd'hui.