cd /news/developer-tools/comment-remplacer-canva-et-photoshop… · home topics developer-tools article
[ARTICLE · art-48036] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=↑ positive

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

Mohamed Amine Ben Mallessa, Lead Dev at Sollea AI, replaced Canva and Photoshop with an open-source HTML rendering engine using Playwright. The new system generates event posters 10x faster, eliminating thousands of euros in annual costs and removing 500 lines of code. The engine uses simple HTML templates and JSON manifests, requiring no external design dependencies.

read1 min views1 publishedJul 4, 2026

📖 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 | LinkedIn 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

── more in #developer-tools 4 stories · sorted by recency
── more on @sollea ai 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/comment-remplacer-ca…] indexed:0 read:1min 2026-07-04 ·