Présenter une maquette sur fond blanc ne suffit plus à convaincre un client. Mis en situation dans un mockup réaliste — sur l’écran d’un smartphone, une carte de visite ou un emballage — le même design gagne instantanément en crédibilité.
Qu’est-ce qu’un mockup et à quoi ça sert
Un mockup est un gabarit (souvent PSD ou Figma) qui simule un support réel : on y insère sa création pour visualiser le rendu final. C’est un outil de présentation client indispensable, et un atout portfolio.
Mockups gratuits par catégorie
Smartphones, tablettes et ordinateurs
Pour présenter une app ou un site responsive. Privilégiez des appareils récents (les modèles de 2013 datent une présentation).
Écrans & présentation d’app/site
Shots.so, Mockuuups Studio ou Rotato génèrent des mises en situation multi-appareils sans Photoshop.
Packaging et produits
Boîtes, sacs, bouteilles, étiquettes : parfaits pour le design de marque et l’e-commerce.
Papeterie & identité visuelle
En-têtes, cartes de visite, enseignes : idéaux pour présenter une identité visuelle ou un logo.
Où télécharger des mockups gratuits et fiables
- Freepik & Mockup World : énormes catalogues (attention à l’attribution).
- Pixeden, Graphicburger : PSD de qualité.
- Figma Community : des centaines de mockups gratuits éditables.
Complétez avec nos ressources gratuites pour webdesigner.
Comment utiliser un mockup PSD (objet dynamique)
- Ouvrez le PSD dans Photoshop.
- Repérez le calque objet dynamique (« Place your design here »).
- Double-cliquez sur sa vignette : un onglet .psb s’ouvre.
- Collez votre visuel, ajustez, enregistrez (Ctrl/Cmd + S).
- Le rendu (ombres, reflets) s’applique automatiquement.
PSD ou Figma : que choisir ?
| Critère | Mockup PSD | Mockup Figma |
|---|---|---|
| Logiciel | Photoshop | Figma (gratuit) |
| Réalisme | Excellent | Bon |
| Rapidité d’édition | Moyenne | Élevée |
| Collaboration | Limitée | Native |
FAQ
Où télécharger des mockups gratuits ?
Sur Freepik, Mockup World, Pixeden, Graphicburger et la Figma Community. Vérifiez la licence pour l’usage commercial.
Comment insérer mon design dans un mockup PSD ?
Double-cliquez sur le calque « objet dynamique », collez votre visuel, enregistrez : le rendu s’applique automatiquement.
Peut-on faire un mockup sans Photoshop ?
Oui, avec Shots.so, Mockuuups Studio ou les mockups de la Figma Community.
Les mockups gratuits sont-ils utilisables commercialement ?
Souvent oui, mais certains exigent une attribution. Lisez toujours la licence.
