Mockup en ligne sans Photoshop : le rendu en trois clics

Il y a quelques semaines, une cliente m'a écrit un peu avant vingt-deux heures: elle lançait une collection de t-shirts avec une illustration vectorielle que je venais de finaliser, et elle voulait voir le rendu « porté » avant de valider la mise en production. Dans son esprit, la réponse coulait de source — il suffisait d'ouvrir Photoshop, de retrouver un smart object bien rangé dans mes dossiers, de coller le visuel, de redresser l'éclairage, d'exporter en JPEG. Sauf que la soirée était déjà bien entamée, que mon fichier PSD d'origine datait de 2019 et que j'avais surtout envie de dormir. C'est ce soir-là que j'ai rouvert, pour la énième fois, un onglet de navigateur et que j'ai testé trois générateurs de mockups en ligne d'affilée. Le résultat est arrivé dans sa boîte mail avant minuit, et ce que je vais vous raconter dans les lignes qui suivent, c'est exactement ce que j'aurais aimé trouver plus tôt dans ma carrière: une cartographie honnête des outils qui rendent aujourd'hui un mockup gratuit en ligne sans Photoshop aussi rapide qu'un café court.

La fin du réflexe « Photoshop d'abord »: ce que la fermeture de Smartmockups a changé

Pour beaucoup de designers de ma génération, Smartmockups a longtemps occupé une place très particulière dans la bibliothèque d'outils. Lancé en 2016, le service s'était rendu indispensable par sa simplicité presque enfantine: on glissait un PNG, on choisissait un angle, on téléchargeait. Racheté par Canva en février 2021, il avait continué d'exister en autonomie pendant quelques années, puis le site smartmockups.com a officiellement fermé ses portes en septembre 2024. Toute sa bibliothèque et ses fonctionnalités ont été absorbées par ce qu'on appelle désormais Canva Mockups.

Cette transition mérite qu'on s'y arrête, parce qu'elle raconte quelque chose de plus large qu'un simple rachat. Pendant des années, le réflexe dans les studios était: « pour un mockup, j'ouvre Photoshop ». Ce réflexe avait un coût caché — non seulement en temps de chargement et de manipulation, mais aussi en énergie mentale. Il fallait retrouver le bon fichier, comprendre la structure en calques, vérifier que le smart object n'avait pas été aplati par mégarde, ajuster la perspective, prier pour que l'ombre portée ne fasse pas doublon avec le fond. Tout un petit théâtre d'opérations qui, pour un livrable intermédiaire destiné à valider une direction artistique, était disproportionné.

Aujourd'hui, le navigateur fait ce travail à notre place. Et la fermeture de Smartmockups n'est pas une disparition: c'est une confirmation. Les mockups sont devenus un service intégré, attendu partout, et non plus un outil de spécialiste. La vraie question n'est plus « quel logiciel j'ouvre? » mais « quel générateur de mockup en ligne correspond à mon besoin du moment? » — et c'est précisément ce que nous allons voir.

MockupBro et Mockey: la liberté du rendu gratuit sans filigrane

Commençons par les outils qui remplissent la promesse la plus simple et la plus précieuse: importer un visuel, choisir un support, télécharger un rendu propre, sans inscription exaspérante et, surtout, sans filigrane qui gâche la présentation.

MockupBro fait partie de ces services que j'aime présenter à mes stagiaires parce qu'il illustre parfaitement l'idée de « juste assez ». L'interface est dépouillée, presque silencieuse: on importe son fichier, on choisit parmi une bibliothèque de supports (tasses, affiches, écrans, packaging standard), on ajuste la couleur de fond si on le souhaite, et on télécharge. Le rendu arrive en haute qualité, sans logo parasite. Pour un brief rapide à présenter à un client le lendemain, c'est le premier outil que j'ouvre.

Mockey.ai pousse la logique plus loin en s'appuyant sur l'intelligence artificielle pour proposer un catalogue qui dépasse aujourd'hui les 30 000 modèles gratuits. Vêtements, accessoires, papeterie, packaging: la bibliothèque est suffisamment dense pour qu'on y trouve son bonheur sans devoir multiplier les sites. Là encore, le téléchargement est libre de filigrane et utilisable sur des projets commerciaux — un point qu'il faut toujours vérifier dans les conditions d'utilisation, mais qui, sur ces deux plateformes, est explicitement accordé.

Un mockup sans filigrane, ce n'est pas seulement une question d'esthétique. C'est une question de crédibilité professionnelle: le client doit pouvoir se concentrer sur son produit, pas sur l'outil qui a servi à le montrer.

Ces deux services gratuits partagent une limite qu'il faut connaître: ils excellent sur les supports standardisés, mais ils deviennent moins pertinents dès qu'on sort des angles classiques. Pour un packaging complexe ou une mise en situation très spécifique, il faudra passer à la catégorie suivante.

Pacdora: la 3D comme terrain de jeu pour les packagings complexes

Quand un projet de marque implique un coffret, une bouteille en verre ou un étui cosmétique avec des découpes précises, le mockup plat ne suffit plus. Il faut comprendre la matière, jouer avec la lumière sur des surfaces courbes, anticiper la réflexion d'un vernis sur un flacon. C'est exactement le territoire qu'occupe Pacdora, et c'est là que la 3D devient une alliée plutôt qu'un casse-tête.

L'éditeur en ligne permet de manipuler des maquettes 3D de packaging directement dans le navigateur: boîtes pliantes, tubes cosmétiques, bouteilles, étiquettes. On peut changer les couleurs, ajuster les textures, projeter son design sur la surface. La personnalisation est entièrement gratuite dans l'éditeur. Le seul moment où la note arrive, c'est à l'export: pour obtenir une image en très haute résolution (4K et plus), sans filigrane, il faut passer par un abonnement payant.

Cette logique « gratuit pour explorer, payant pour finaliser » est honnête, et elle mérite d'être comprise avant de s'engager. Pour une présentation de phase 2 — ce moment où le client veut voir le résultat « comme en production » —, l'export 4K fait souvent la différence. Pour un aller-retour rapide en phase de conception, la version gratuite suffit largement.

J'utilise Pacdora dans deux cas très précis: les projets où la matière du packaging est centrale (cosmétique, spiritueux, coffret cadeau) et les briefs où le client veut comparer deux ou trois variantes de forme avant de choisir. Le gain de temps est spectaculaire par rapport à une modélisation 3D traditionnelle, et la qualité est suffisante pour valider une direction artistique.

Kittl et Recraft: quand l'IA s'invite dans la mise en situation

L'intelligence artificielle a changé la manière dont on produit les visuels; elle commence aussi à transformer la manière dont on les met en scène. Deux outils méritent qu'on s'y attarde, parce qu'ils articulent différemment la relation entre création et simulation.

Kittl est avant tout un éditeur graphique en ligne qui a ajouté un module de mockups à son arsenal. L'idée est de pouvoir créer un visuel complet (illustration, typographie, motif) puis de le projeter immédiatement sur un t-shirt, une tasse ou même un gabarit de site web, sans quitter l'espace de travail. La modification des couleurs d'arrière-plan se fait en temps réel, ce qui permet de tester très vite différentes ambiances. Pour un designer qui travaille déjà dans Kittl, c'est un raccourci appréciable: tout reste au même endroit, et la tension visuelle d'une composition peut être ajustée sans rupture.

Recraft va plus loin dans l'intégration de l'IA générative. On y crée des illustrations par IA, puis on les applique directement sur des mockups de t-shirts, de mugs ou d'affiches, toujours dans le même environnement. La limite gratuite est de 30 générations d'images par jour — un quota qui couvre largement les phases d'exploration. Ce qui m'intéresse particulièrement avec Recraft, c'est la prise en charge de l'export en 300 DPI avec profil CMJN: un détail technique qui peut sembler obscur, mais qui change tout dès qu'on parle de fichier prêt pour l'imprimeur.

L'arrivée de ces outils pose une vraie question de méthode: faut-il d'abord créer l'illustration, puis la mettre en situation, ou faire naître les deux en même temps? Pour ma part, j'alterne. Il y a des projets où le visuel doit exister avant d'être habillé (identité de marque, logo), et d'autres où la mise en situation inspire la direction graphique (édition limitée, capsule événementielle). L'IA n'impose pas une méthode; elle en offre deux pour le prix d'une.

Mockuuups Studio: le mockup qui s'invite dans Figma

Pour les designers qui ont fait de Figma leur atelier principal, le changement d'application est une vraie friction. Ouvrir un navigateur, importer un fichier, le retraiter, le réimporter dans Figma pour une présentation client: tout cela représente des minutes perdues et des risques d'incohérence. C'est précisément le problème que résout Mockuuups Studio grâce à son plugin natif pour Figma.

Le service propose plus de 5 200 modèles — un chiffre qui donne le vertige quand on commence à explorer la bibliothèque. Appareils photo, ordinateurs, smartphones, packaging, papeterie: la diversité couvre l'essentiel des besoins d'un studio de branding. Mais l'argument décisif n'est pas la quantité; c'est la fluidité. On sélectionne un mockup directement dans Figma, on glisse son visuel, on ajuste, on exporte. Pas de changement de contexte, pas de copier-coller hasardeux.

Cette intégration modifie aussi la manière de présenter un projet. Au lieu de juxtaposer captures d'écran et maquettes finales dans un PDF, on peut composer une planche de présentation cohérente, où chaque élément vit dans le même rythme visuel. Pour les clientes et clients qui ont besoin de comprendre l'écosystème complet d'une marque — logo, papeterie, web, packaging, signalétique —, c'est un confort de lecture qu'ils remarquent toujours, même quand ils ne savent pas le nommer.

Le bon outil au bon moment: ce que ces plateformes ont changé pour mon studio

Le soir où j'ai répondu à ma cliente en moins de deux heures, ce n'était pas de la virtuosité technique. C'était simplement l'acceptation d'une évidence: pour un mockup, mon cerveau n'a plus besoin de connaître la différence entre un smart object lié et un objet dynamique. Il a besoin de choisir le bon outil, dans le bon ordre, pour la bonne étape du projet.

Voici la grille de décision que j'utilise désormais au studio, et que vous pouvez adapter à votre propre pratique:

Ce tableau n'est pas une hiérarchie de qualité: c'est une carte des usages. Chaque outil brille dans un périmètre précis, et c'est en comprenant ces périmètres qu'on évite la frustration de chercher une fonctionnalité qui n'existe pas dans l'outil qu'on a sous la main.

Reste une question que je me pose régulièrement, et que je vous laisse en suspens: à partir de quand un mockup devient-il trop lisse, trop parfait, trop « généré » pour servir la cause d'une marque? Les plateformes que nous avons parcourues produisent des rendus impeccables — parfois plus impeccables que ce qu'un atelier pourrait obtenir en photo. C'est une chance pour la vitesse d'exécution; c'est aussi un risque pour l'authenticité. La prochaine fois que vous présenterez un mockup à un client, prenez cinq secondes pour vous demander si le réalisme mécanique du rendu sert vraiment le propos — ou s'il aurait fallu, à ce stade, garder une présentation plus schématique, plus honnête, plus proche de l'idée en train de naître.

C'est cette tension-là, entre l'efficacité de l'outil et l'intelligence de son usage, qui continue de rendre le métier passionnant.