Générer des mockups produits en lot

작성자

카테고리:

← 피드로
DEV Community · Mohamed Amine Ben Mallessa · 2026-07-04 개발(SW)

Mohamed Amine Ben Mallessa

📖 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

원문에서 계속 ↗

코멘트

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다