# Comment remplacer Canva et Photoshop par un moteur HTML open source avec Playwright (Guide pratique)

> Source: <https://dev.to/benmallessamohamedamine/comment-remplacer-canva-et-photoshop-par-un-moteur-html-open-source-avec-playwright-guide-pratique-29cj>
> Published: 2026-07-04 14:38:09+00:00

*📖 Article original : GitHub Gist*

**Par Mohamed Amine Ben Mallessa — Lead Dev Sollea AI**

Avec mon équipe chez Sollea AI, nous avons développé une plateforme SaaS de génération d'affiches événementielles. L'application complète — développée en Next.js 15 (frontend par Nassim Tarkhani) et FastAPI (backend par Nassim Tarkhani) — permet à des utilisateurs non techniques de remplir un formulaire et d'obtenir instantanément une affiche professionnelle prête à imprimer.

Le pipeline de rendu original reposait sur deux briques externes :

**Canva Connect / Autofill** : nécessitait un plan Enterprise à plusieurs milliers d'euros par an. Bloqué administrativement.

**Photopea** (alternative gratuite à Photoshop dans le navigateur) : fonctionnait en théorie, mais en pratique c'était un cauchemar technique :

Bref : **deux impasses techniques**, une équipe bloquée, un client qui attend.

J'ai remplacé l'ensemble du pipeline par un **moteur de « render templates » HTML** qui tient dans 3 concepts :

`backend/templates/<slug>/`

avec un `template.html`

+ un `manifest.json`

`postMessage`

Ajouter un nouveau format d'affiche ? Il suffit de déposer un dossier. **Zéro code backend, zéro code frontend.**

**Résultat :** ~500 lignes de code supprimées, 0 dépendance externe de design, des affiches générées 10× plus vite.

Pas besoin de Canva Enterprise. Pas besoin de Photoshop. Pas besoin de SaaS payant. Un fichier HTML, un manifeste JSON, et Playwright.

**L'open source a encore gagné.**

*Article original publié sur GitHub Gist.*

**Mohamed Amine Ben Mallessa** — Lead Dev chez Sollea AI

🔗 [GitHub](https://github.com/mohamed-amine-ben-mallessa) | [LinkedIn](https://fr.linkedin.com/in/benmallessa)

*Merci à **Nassim Tarkhani** pour le développement frontend et backend FastAPI.*

**Sollea AI** — Développement full-stack, automatisation IA, solutions sur mesure.

🔗 ** Sollea AI** ·

*Équipe dirigée par **Mohamed Amine Ben Mallessa** — Lead Dev Sollea AI*