Sites d'inspiration UI : 6 endroits pour trouver de vraies interfaces
Six sites qui montrent de vraies interfaces plutôt que des maquettes : Mobbin, Refero, Page Flows, Landingfolio, Dark Mode Design et SaaSFrame. Pour quoi chacun est le meilleur, ce qu'il coûte pour y entrer et comment les utiliser dans un brief.
Un cadre vide est le pire endroit pour commencer un design. De vraies interfaces rendent les choses faciles : vous voyez à quoi ressemble déjà une page de réglages, un paywall ou un hero quand une équipe l'a livré. Voici six sites qui rassemblent de vrais écrans, ce pour quoi chacun est le meilleur, et lesquels exigent d'abord une inscription.
| Site | Idéal pour | Accès sans payer |
|---|---|---|
| Mobbin | De vrais écrans d'apps, plus de 600 000 | Compte gratuit, accès limité |
| Refero | Rechercher écrans, parcours et patterns | Recherche dans la bibliothèque sur le site |
| Page Flows | Parcours complets avec enregistrements d'écran | Essai de 3 jours |
| Landingfolio | Landing pages, heroes, composants | Parcourir la galerie |
| Dark Mode Design | Designs de sites sombres | Parcourir la grille |
| SaaSFrame | Sites SaaS et écrans produit | Parcourir par catégorie |
1. Mobbin : de vrais écrans d'apps
Mobbin se présente comme « la bibliothèque de référence design pour apps et sites » et annonce plus de 600 000 écrans livrés, avec de nouveaux chaque semaine. Sa bibliothèque se divise en apps, sites, écrans, parcours, animations et éléments d'UI. Vous pouvez vous inscrire gratuitement, mais un compte gratuit a un accès limité et la bibliothèque complète est réservée aux offres payantes.
Ce qu'il faut regarder : comment plusieurs apps résolvent le même écran. Choisissez un type d'écran, comme l'onboarding ou un paywall, et comparez-en cinq d'affilée avant de dessiner le vôtre.
2. Refero : des références que l'on peut chercher
Refero se décrit comme « de vrais écrans produit, parcours et patterns ». Tout est bâti autour de la recherche. Sa page propose des requêtes comme inscription avec vérification d'e-mail, mises en page de dashboard avec graphiques et écrans de connexion avec SSO et réinitialisation de mot de passe, et elle a des onglets séparés pour les web apps et les apps iOS.
Ce qu'il faut regarder : une question précise, tapée comme une recherche. « Calendar booking » donne des réponses utiles plus vite que le défilement d'une galerie.
3. Page Flows : tout le parcours
La plupart des sites d'inspiration montrent des écrans isolés. Page Flows montre le chemin entre eux. Son slogan est « UI/UX Inspiration from Real User Flows », et il associe les parcours à des enregistrements d'écran et à des annotations étape par étape.
Vous pouvez filtrer par iOS, Android, web et e-mails, et il propose un essai de 3 jours.
Ce qu'il faut regarder : les étapes entre les écrans. Un bon parcours d'inscription se joue sur ce qui se passe après le bouton, alors regardez toute la séquence, pas la première image.
4. Landingfolio : idées de landing pages et de hero
Landingfolio est une galerie de landing pages. Lors de notre vérification, son en-tête comptait 961 sites dont 4 ajoutés cette semaine, filtrables par secteur, type de page (landing, tarifs, à propos, connexion, inscription, 404) et couleur. Il liste aussi des composants pour Tailwind, Webflow et Figma.
Ce qu'il faut regarder : le premier écran, le hero. Filtrez sur votre secteur et comparez comment les concurrents disent l'unique chose que le visiteur doit savoir. Nos guides sur les principes de design de landing page et l'anatomie d'une landing page SaaS expliquent quoi faire de vos trouvailles.
5. Dark Mode Design : des sites sombres
Dark Mode Design est une grille organisée de sites sombres, et n'importe qui peut soumettre un site. Chaque vignette est un design sombre complet, vous voyez donc comment les autres gèrent le contraste, la couleur d'accent et les images sur un fond noir ou presque noir. Toutes les captures appartiennent à leurs propriétaires.
Ce qu'il faut regarder : la deuxième couleur. Notez quelles couleurs chaque site ajoute en plus de son accent, et où il les utilise. Notre papier sur les systèmes de couleurs du mode sombre explique comment construire le vôtre.
6. SaaSFrame : écrans SaaS
SaaSFrame est « une bibliothèque d'inspiration design UI & UX pour SaaS » avec de vrais sites SaaS et interfaces produit. Ses catégories donnent la taille de la bibliothèque : 296 écrans de landing page, 211 pages de tarifs, 191 dashboards, 424 écrans d'ajout et d'édition et 571 écrans de configuration de compte lors de notre vérification. Il liste aussi des patterns, comme la navigation latérale, les checklists d'onboarding et les états de génération IA, et dit proposer des fichiers Figma modifiables et des prompts de design IA.
Ce qu'il faut regarder : les écrans ennuyeux. Tarifs, réglages et configuration de compte décident si un produit paraît abouti, et ce sont les écrans que le cadre vide rend les plus difficiles.
Comment utiliser les six ensemble
- Nommez l'écran. Écrivez l'unique écran ou parcours que vous dessinez.
- Choisissez le site. Les écrans d'app complets vont à Mobbin, une question à Refero, un parcours à Page Flows, un hero à Landingfolio, un thème sombre à Dark Mode Design, et un produit SaaS à SaaSFrame.
- Sauvegardez-en trois, pas trente. Gardez les trois qui résolvent le mieux votre écran.
- Écrivez une ligne chacun. « Prix clair, un seul bouton » est une référence. Une image sauvegardée sans note est un tas.
- Copiez la décision, pas les pixels. Prenez ce que fait la mise en page et pourquoi. Notre papier sur le design piloté par captures d'écran montre comment transformer des références en workflow.
Un designer ou un client peut faire beaucoup avec « une page de tarifs aussi sobre que celle-ci, avec un sélecteur d'offre comme celui-là ». Il peut faire très peu avec « fais-le moderne ».
Site
Mobbin
De vrais écrans d'apps. Compte gratuit à l'accès limité, payant pour la bibliothèque complète.
Site
Refero
De vrais écrans produit, parcours et patterns que l'on peut rechercher.
Site
Page Flows
Des parcours utilisateur complets issus des meilleures apps, avec enregistrements d'écran.
Site
Landingfolio
Inspiration de landing pages et de hero.
Site
Dark Mode Design
Une grille de designs de sites sombres.
Site
SaaSFrame
Une bibliothèque d'inspiration design UI et UX pour SaaS.
Fichier Figma gratuit
6 sites pour des idées d'UI
Les six liens et ce pour quoi chaque site est bon, dans un seul fichier gratuit.
FAQ
Quels sont les meilleurs sites pour l'inspiration en design UI ?
Mobbin, Refero, Page Flows, Landingfolio, Dark Mode Design et SaaSFrame. Ils couvrent les écrans d'apps, les références consultables, les parcours utilisateur complets, les landing pages, les sites sombres et les interfaces SaaS.
Mobbin est-il gratuit ?
En partie. Mobbin permet de s'inscrire gratuitement avec un accès limité, et la bibliothèque complète de plus de 600 000 écrans nécessite une offre payante.
Où trouver de vrais exemples de parcours utilisateur ?
Sur Page Flows. Il montre des parcours d'apps et de sites réels avec enregistrements d'écran et annotations étape par étape, et il propose un essai de 3 jours.
Où trouver de l'inspiration pour le design de landing pages ?
Landingfolio est une galerie de landing pages filtrable par secteur et type de page. SaaSFrame liste aussi des écrans de landing pages SaaS.
Où trouver de l'inspiration de sites sombres ?
Dark Mode Design rassemble des sites sombres dans une seule grille, et n'importe qui peut soumettre un site.
Comment s'inspirer sans copier ?
Sauvegardez deux ou trois références pour l'écran que vous dessinez et écrivez une ligne sur ce que chacune fait bien. Reprenez la décision, comme le prix clair ou le bouton unique, et dessinez la mise en page vous-même.
Sources
- Mobbin, mobbin.com : « The design reference library for apps and sites », plus de 600 000 écrans livrés, inscription gratuite, offres. Vérifié le 4 novembre 2026.
- Refero, refero.design : « Real product screens, flows, and patterns ». Vérifié le 4 novembre 2026.
- Page Flows, pageflows.com : « UI/UX Inspiration from Real User Flows », enregistrements d'écran et annotations, essai de 3 jours. Vérifié le 4 novembre 2026.
- Landingfolio, landingfolio.com : « The Best Landing Page Design Inspiration », 961 sites le jour de la vérification. Vérifié le 4 novembre 2026.
- Dark Mode Design, darkmodedesign.com : une grille de sites sombres, soumission de site possible. Les captures appartiennent à leurs propriétaires. Vérifié le 4 novembre 2026.
- SaaSFrame, saasframe.io : « SaaS UI & UX Design Inspiration Library », nombre d'écrans tel qu'affiché le jour de la vérification. Vérifié le 4 novembre 2026.
- D'abord publié sous forme de carrousel sur UX Brainy.
Collected the references and still need the interface built? Our team turns a clear brief into product UI that holds up in every state.
Get Started
