Aperçu et premières impressions
En visitant Replay sur replay.build, j'ai immédiatement été frappé par son affirmation audacieuse : convertir des enregistrements d'écran en code React pixel-parfait. Le site cible les équipes submergées par des systèmes hérités — COBOL, Oracle Forms, PowerBuilder et des dizaines d'autres frameworks obsolètes ou en voie de disparition. L'accroche « Moderniser sans réécrire » promet d'extraire la logique métier à partir de vidéos d'anciennes interfaces utilisateur et de produire une architecture React moderne et componentisée. La page d'accueil comprend un visualiseur de projet exemple, une vidéo de démonstration et un calculateur d'économies qui estime les heures gagnées en fonction des écrans migrés. Le design est soigné et orienté entreprise, avec des sections pour les secteurs d'activité (Finance, Santé, etc.) et des descriptions détaillées des fonctionnalités.
L'offre gratuite (aucune carte bancaire requise, deux reconstructions incluses) est mise en avant, bien qu'aucun forfait payant ne soit listé — ce qui suggère qu'un contact est nécessaire pour obtenir un tarif entreprise. Cela indique que Replay en est à un stade de bêta précoce ou fermée, ciblant de grands projets de modernisation.
Fonctionnalités et flux de travail
Le flux de travail de Replay est présenté de manière claire : Enregistrer, Extraire, Déployer. Lors de l'extraction, le moteur analyse la mise en page, la typographie et les changements d'état temporels à partir de la vidéo pour recréer les écrans d'interface. Le site présente plusieurs modules clés :
- Reconstruction & Reimagine — Convertit la vidéo en une interface React 1:1, avec un pipeline optionnel « Reimagine » en 19 étapes pour une esthétique moderne.
- Library — Extrait automatiquement les boutons, champs de saisie et états dans une bibliothèque de composants réutilisables et des tokens de design.
- Flow Map — Comprend la navigation multi-page et les lacunes logiques sur l'ensemble du parcours utilisateur en analysant le contexte temporel de la vidéo.
- Agentic Editor — Un éditeur interactif avec un agent de recherche/remplacement qui effectue des modifications globales sans casser la logique environnante.
- Multiplayer — Collaboration en temps réel avec curseurs, commentaires et synchronisation, permettant aux équipes de travailler simultanément sur l'extraction et la componentisation.
- Design System Sync — Se connecte à Figma ou Storybook pour imposer les couleurs de marque, la typographie et les tokens d'espacement dans le code généré.
- Headless API — Des points de terminaison REST/Webhook qui permettent à des agents d'IA externes (comme Devin) d'envoyer une vidéo et de recevoir du code React ou des scripts de test Playwright.
En testant l'option « Voir un projet exemple » de l'offre gratuite, j'ai observé une comparaison côte à côte d'un écran mainframe hérité et de l'application React générée. Le résultat semblait structurellement précis, bien que je n'aie pas pu vérifier sa pleine préparation pour la production sans un enregistrement réel. Le parcours « Commencer gratuitement » invite probablement les utilisateurs à enregistrer un écran ou à télécharger un fichier.
Tarifs et positionnement sur le marché
Les tarifs ne sont pas publics au-delà de l'offre de démarrage avec deux reconstructions gratuites et d'un bouton d'appel à l'action « Contacter les ventes ». Ce manque de transparence suggère une tarification personnalisée pour les entreprises, typique des outils ciblant des migrations de systèmes hérités risquées. Les alternatives incluent les réécritures manuelles traditionnelles (que Replay estime échouer dans 70 % des cas) et les outils de génération de code comme GitHub Copilot ou v0 by Vercel. Cependant, ces outils fonctionnent à partir d'invites textuelles ou de designs statiques, et non à partir de vidéos d'applications en cours d'exécution. La différenciation de Replay réside dans sa capacité à capturer le flux réel de la logique métier à partir d'un usage enregistré, ce qui pourrait réduire considérablement le temps d'archéologie pour les systèmes non documentés.
L'outil est clairement positionné pour les entreprises disposant de grands portefeuilles de systèmes hérités — les secteurs listés (Services financiers, Santé, Télécoms, GovTech) sont fortement axés sur COBOL, Mainframe et Oracle Forms. Il propose également la conformité SOC2 et un déploiement sur site, ce qui est essentiel pour les secteurs réglementés. Les startups et les équipes produit sont mentionnées mais constituent probablement des audiences secondaires.
Verdict final
Points forts : Replay introduit une approche véritablement novatrice de la modernisation en utilisant la vidéo comme source de vérité. La capacité à extraire non seulement l'interface utilisateur, mais aussi les changements d'état et les flux de navigation, est puissante. L'API headless et l'infrastructure agentique la rendent extensible pour des flux de travail avancés. La synchronisation du système de design garantit que le code généré respecte les directives de la marque.
Limites : L'outil est actuellement limité à la sortie React, ce qui peut ne pas convenir aux équipes utilisant Vue, Angular ou d'autres frameworks. La qualité de la reconstruction dépend fortement de la clarté et de l'exhaustivité de la vidéo enregistrée — une logique complexe avec des effets secondaires cachés pourrait être manquée. La tarification opaque et le coût probablement élevé réduisent son accessibilité aux équipes bien financées. De plus, l'offre gratuite (seulement deux reconstructions) est trop restrictive pour une évaluation significative au-delà d'une preuve de concept.
Qui devrait l'essayer : Les équipes d'entreprise avec des systèmes hérités vieux de plusieurs décennies (en particulier celles utilisant mainframe, Oracle Forms ou Visual Basic) qui souhaitent réduire les risques et les délais de modernisation. Les fondateurs et les équipes produit explorant le prototypage rapide avec la vidéo comme entrée peuvent également y trouver de la valeur, à condition d'être à l'aise avec React et de pouvoir assumer le coût de la licence.
Qui devrait chercher ailleurs : Les petites équipes ou les développeurs individuels qui ont besoin d'un outil de génération de code léger et peu coûteux ; ceux qui utilisent des piles frontend non-React ; ou toute personne s'attendant à une solution clé en main économique.
Dans l'ensemble, Replay est un outil audacieux et innovant qui s'attaque à un problème douloureux et à enjeux élevés. Cela vaut la peine de demander une démo si vous faites face à des années de code spaghetti hérité indifférencié. Visitez Replay sur https://replay.build/ pour l'explorer par vous-même.
Commentaires