DEV Community

Mohamed Amine Ben Mallessa
Mohamed Amine Ben Mallessa

Posted on • Originally published at gist.github.com

Générer des mockups produits en lot

📖 Article original : GitHub Gist

Un guide technique par Mohamed ben mallessa


Le besoin

Un template PSD, 50 variantes produit, un seul résultat attendu : 50 mockups finis. La méthode manuelle (ouvrir → glisser → exporter → répéter) prend des heures. L'alternative : un batch automatisé piloté par script.

Le fonctionnement

  1. Un template PSD contenant un smart object nommé (ex: "MOCKUP_PLACEHOLDER")
  2. Un fichier CSV listant les produits et leurs chemins d'images
  3. Un script qui itère sur le CSV, remplace le smart object et exporte chaque variante
  4. Les fichiers PNG sont livrés dans le dossier de sortie

Cas d'usage

  • E-commerce : générer les visuels de tout un catalogue
  • Print-on-demand : produire les mockups t-shirts/mugs/posters
  • Agency : décliner un template pour plusieurs clients

Prérequis

  • Un template PSD avec un smart object dédié
  • Photopea (gratuit, navigateur) — aucune licence nécessaire
  • Python 3.8+
  • Node.js (pour le serveur MCP)

Pipeline type

CSV (produits) → Photopea → PNG (mockups finis)
Enter fullscreen mode Exit fullscreen mode

Chaque ligne du CSV est traitée automatiquement : le smart object est remplacé par l'image correspondante, le document est exporté, et le script passe au suivant.

Avantages

  • Temps réduit : 50 mockups en quelques minutes
  • Cohérence : tous les visuels suivent exactement le même template
  • Gratuit : pas d'abonnement Photoshop, pas de SaaS payant

Mohamed ben mallessa — Full-stack developer & solutions B2B
🔗 GitHub · LinkedIn

opensource #mockups #python #ecommerce


💻 Vous avez un projet technique ?

Développement full-stack, automatisation IA, solutions B2B sur mesure.

🔗 GitHub
💼 LinkedIn
🎨 Behance


Article initialement publié sur GitHub Gist

Top comments (0)