Mockups gratuits : 12 sites pour présenter tes créations comme un pro

Un mockup, c'est quoi exactement ?

Une maquette réaliste qui met ton design en situation : un logo appliqué sur une vitrine ou une carte de visite, un packaging mis en scène comme s'il était déjà produit, un site affiché sur un écran, une couverture imprimée, un post dans un feed Instagram.

Le mockup sert à voir le résultat final avant de produire. Il t'évite de découvrir trop tard qu'un logo est illisible en petit, que deux couleurs ne fonctionnent pas ensemble, ou qu'une typo est trop fine pour une impression textile.

Pourquoi le mockup fait vendre ton travail

• Faire se projeter le client : un logo sur écran est abstrait ; appliqué sur un flacon ou une enseigne, il prend vie et fait valider les choix visuels.
• Convaincre en présentation : face à un client, un investisseur ou un partenaire, des visuels immersifs crédibilisent la démarche bien plus qu'une planche à plat.
• Éviter les erreurs coûteuses : une typo trop fine ou un contraste insuffisant repéré sur mockup, c'est 1 000 flyers illisibles évités.
• Communiquer avant la production : l'enseigne n'est pas posée ? Le mockup permet déjà d'en parler sur les réseaux et de teaser le lancement.

C'est aussi vrai pour ton propre portfolio : les études de cas avec mises en situation retiennent bien plus l'attention que les fichiers à plat.

Les 12 sites que j’utilise vraiment

1. 1Pixpine : mockups professionnels gratuits, parfaits pour tester un design avant impression ou mise en ligne.
2. 2Unblast : ressources graphiques variées, des packagings aux supports digitaux.
3. 3BLKMARKET : rendus haut de gamme, pour un résultat ultra professionnel.
4. 4LS Graphics : la référence web et app design, bibliothèque moderne et épurée.
5. 5PSD Mockups : idéal pour les supports imprimés, fichiers PSD prêts à personnaliser.
6. 6Mockup World : large collection, des cartes de visite aux affiches.
7. 7Placeit : générateur en ligne, intégration du design sans logiciel.
8. 8Smartmockups : génération instantanée, très simple à prendre en main.
9. 9Graphic Burger : modèles réalistes adaptés à toutes les industries.
10. 10Mockup Nest : une sélection de mockups innovants et originaux.
11. 11Mockup Hunt : annuaire de mockups gratuits et premium, mis à jour régulièrement.
12. 12Dribbble Freebies : mockups créés et partagés par des designers.

Certains sites fournissent des fichiers PSD (Photoshop nécessaire), d'autres permettent d'intégrer ton design directement en ligne. Dans les deux cas, zéro budget.

La méthode en 3 étapes

1. 1Choisis un mockup adapté au client : restaurateur ? carte de menu ou nappe. Coach ? ebook sur écran. Marque produit ? packaging sur plusieurs supports.
2. 2Intègre ton visuel : glisser-déposer ou objet dynamique PSD, ajuste couleurs, ombres et lumière pour un rendu crédible.
3. 3Exporte et exploite : dossier de présentation client, portfolio, réseaux sociaux, ou test avant production.

Et quand aucun mockup existant ne colle au support ou à la DA du client, la génération IA prend le relais : le prompt « Créer un Mockup » produit des mises en situation photoréalistes cohérentes avec l'univers de la marque, negative prompt inclus.

Produire ses mockups avec l'IA, sans dépenser un euro de plus

Pas besoin d'un nouvel abonnement pour générer tes propres mockups. Les outils que tu paies déjà suffisent, à condition de les combiner dans le bon ordre : l'IA génère la scène, Photoshop applique ton design proprement.

• Tu as ChatGPT Plus : demande à GPT de générer la mise en situation vierge (« photo réaliste d'un tote bag en coton naturel suspendu devant une devanture, sans logo, lumière douce »). Récupère l'image, puis applique ton design dans Photoshop avec un objet dynamique et un mode de fusion Produit ou Incrustation.
• Tu as un abonnement Adobe : Firefly est inclus dans Creative Cloud, tu le paies déjà. Génère le support vierge dans Firefly (ou directement dans Photoshop via le Remplissage génératif), puis intègre ton visuel : déformation Perspective, ombres reprises au pinceau à 20 % d'opacité.
• Tu as Canva Pro : Magic Media génère la scène, et l'application du design se fait dans l'éditeur avec les effets de transparence. Moins précis que Photoshop, mais suffisant pour un post réseaux sociaux.

La règle qui change tout : génère toujours le support vierge, jamais le mockup avec ton logo dessus. L'IA déforme les logos et invente des détails. Ton design doit rester exact au pixel : il s'applique donc à la main, par-dessus, dans Photoshop.

Et si tu veux des prompts de génération déjà calibrés (angle, lumière, negative prompt, cohérence avec la DA du client), le prompt « Créer un Mockup » fait exactement ce travail à ta place.