Créez, modifiez, publiez, puis gérez votre site et votre application depuis leur propre tableau de bord. Chaque fonctionnalité en vraies captures.
Voir les fonctionnalités
Un projet Next.js en React et TypeScript, envoyé dans votre dépôt GitHub. Un changement de la spec fait dans le dépôt revient dans Eqlo.
Voir la page développeurs
Collez une adresse : on vous dit en trente secondes ce que Google voit réellement de vos pages.
Tester une adressePour créer un prototype d'application avec l'IA, vous partez de ce que l'équipe a déjà sous la main : un ticket, une spécification, une maquette exportée ou une capture de l'écran actuel. Eqlo en tire un parcours que vos testeurs cliquent, remplissent et commentent depuis un lien privé. Quand le parcours tient, le code part dans votre dépôt GitHub.
Collez le ticket dans la demande, ou joignez-le en fichier texte : txt, md, csv, json ou html, jusqu'à six fichiers de 15 Mo. À partir des critères d'acceptation, Eqlo déduit les pages, les champs et les boutons dont le parcours a besoin.
Exportez un écran de Figma ou de Sketch en image et joignez-le. Eqlo reprend sa mise en page, puis rend les champs utilisables et relie les boutons à l'étape suivante. Une couleur hexadécimale ou un nom de police écrits dans la demande sont appliqués tels quels.
Une capture de l'écran que vos utilisateurs connaissent donne la base de départ. Vous décrivez ensuite le changement à tester, et l'ancien écran sert de point de comparaison pendant les tests.
Un prototype doit rester rapide à produire. S'il demande trois semaines, il est devenu un projet.
Choisissez le type de projet Prototype, qui construit des écrans cliquables pour tester un parcours. Décrivez le parcours ou joignez vos documents : les pages arrivent déjà reliées entre elles, sans qu'aucun développeur n'ait été mobilisé.
Les deux outils se complètent. Figma sert à chercher et à décider de l'apparence. Eqlo sert à transformer cette décision en parcours que quelqu'un peut réellement utiliser.
| Prototype Figma | Prototype Eqlo | |
|---|---|---|
| Ce que vous partagez | des écrans reliés par des zones | un site qui fonctionne, sur un lien privé |
| Champs de saisie | dessinés sur l’écran | saisissables, en mode test dans l’aperçu |
| Données | figées dans la maquette | rangées en tables, importables en CSV ou Excel |
| Vérification sur téléphone | un cadre d’appareil | un aperçu en 390 × 844 et un QR code |
| Remarques | commentaires dans le fichier | épinglées par les testeurs, transmises à l’IA |
| Livrable pour les développeurs | une spécification à lire | du code Next.js dans un dépôt GitHub |
Beaucoup d'équipes explorent dans Figma et passent à Eqlo au moment des tests. Un écran exporté en image fait un bon départ : Eqlo garde sa mise en page, puis branche les champs et les boutons.
Figma reste préférable pour trouver une identité visuelle, ou quand plusieurs designers travaillent sur le même fichier. Eqlo prend le relais quand il faut savoir si les gens vont au bout du parcours.
Le testeur ouvre le lien dans son navigateur, ou scanne le QR code avec son téléphone. Il ne crée aucun compte et n'installe rien, et c'est souvent ce qui décide du nombre de retours que vous obtenez.
À l'écran, il avance dans le parcours et remplit les champs. Quand quelque chose l'arrête, il clique sur la section et écrit jusqu'à 1 000 caractères, signés de son prénom. Dans le studio, vous voyez le nombre de remarques ouvertes et vous marquez chacune comme résolue une fois traitée.
Le lien reste privé. Vous pouvez le renouveler, ce qui désactive l'ancien, ou le supprimer à la fin des tests. Pour montrer deux options à deux groupes, dupliquez le projet et envoyez un lien par version.
On emploie souvent ces trois mots l'un pour l'autre, alors qu'ils désignent trois objets différents. Se tromper d'objet peut coûter des semaines.
| Maquette | Prototype | Preuve de concept | |
|---|---|---|---|
| Ce qu’elle montre | l'apparence | le parcours entier | la faisabilité technique |
| Ce qu'elle laisse de côté | le fonctionnement | la charge et la sécurité | l'expérience finale |
| À quel moment | pour arbitrer un visuel | pour tester avec des utilisateurs | pour lever un doute technique |
| Pour qui | l'équipe design | les utilisateurs | les développeurs |
| Dans Eqlo | une image jointe comme point de départ | le type de projet Prototype | un outil interne sur des données importées |
L'erreur la plus courante consiste à faire tester une maquette puis à en tirer des conclusions sur l'usage. Devant une image, on commente le visuel. Devant un parcours qui fonctionne, on montre où l'on se perd.
Pour une fonctionnalité débattue depuis six semaines, créer un prototype d'application avec l'IA puis le faire tester tient en un après-midi. Le temps de développement va ensuite à une chose que cinq personnes ont utilisée, et non à un document que personne n'a contredit.
Quand deux personnes défendent deux approches, dupliquez le projet et construisez chacune. La réunion porte alors sur ce qu'ont fait les testeurs, et elle se conclut par une décision.
L'équipe commerciale relaie une demande d'un client. Vous la prototypez, vous la lui montrez, et vous découvrez son vrai besoin avant d'écrire le moindre code de production. Beaucoup de demandes changent de forme à ce moment-là.
Un prototype peut finir à la corbeille, à condition de savoir ce que l'on jette. Ce qui se garde le plus souvent, c'est la structure des pages, la mise en page et les choix visuels. Les règles métier et les permissions détaillées sont en général réécrites par les développeurs.
La connexion GitHub envoie la spécification et le code Next.js complet en React et TypeScript. Un développeur ouvre le projet dans son éditeur habituel, sans conversion préalable, et une modification de la spécification faite dans le dépôt revient dans Eqlo.
Parfois, le prototype suffit pour un usage interne. Vous le publiez alors tel quel et vous donnez à chaque collègue un rôle dans l'admin, avec des droits réglés table par table. Beaucoup d'outils internes commencent ainsi et ne passent jamais par un cycle de développement complet.
Quatre types d'équipes s'en servent, chacune pour une raison différente.
Vous jugez une interaction en la manipulant plutôt qu'en l'imaginant, sans attendre qu'un sprint se libère.
Un élément du backlog devient quelque chose que des utilisateurs essaient dans la semaine, et la décision repose sur ce qu'ils ont fait.
Le client réagit à un parcours qu'il a manipulé lui-même, ce qui raccourcit les allers-retours.
Vous testez une idée technique ou commerciale sur des données réelles avant de demander un budget.
La page développeurs et les pages par métier détaillent la suite. Si le prototype doit devenir un produit, la page MVP SaaS décrit l'étape suivante.
Un prototype Figma enchaîne des écrans : un clic sur une zone affiche l'écran suivant. Eqlo produit un site qui fonctionne, où les champs se remplissent et où les données vont dans des tables. La plupart des équipes utilisent les deux, Figma pour concevoir et Eqlo pour tester.
Oui. Exportez l'écran en image et joignez-le à votre demande. Eqlo reproduit sa structure et le rend cliquable, et les valeurs exactes que vous écrivez, comme une couleur hexadécimale ou un nom de police, sont appliquées telles quelles.
En partie. Le dépôt contient le code Next.js complet en React et TypeScript, donc la structure et la mise en page se reprennent. Les règles métier et les permissions détaillées se réécrivent, comme lors de toute reprise.
Ils ouvrent le lien de relecture, donnent leur prénom et épinglent une remarque de 1 000 caractères au plus sur la section concernée. Dans le studio, vous envoyez les remarques à l'IA une par une ou toutes ensemble.
Dès que la première version existe, le lien de relecture est prêt. Un prototype à vos couleurs, avec vos polices et vos vrais libellés, demande en général quelques échanges dans le chat.
Oui, par ses valeurs. Écrivez vos couleurs hexadécimales, vos polices et vos arrondis dans la demande, et Eqlo les applique aux composants qu'il génère. Une bibliothèque de composants existante ne peut pas être importée.
Le lien de relecture est privé et s'accompagne d'un QR code. Vous pouvez le renouveler, ce qui désactive le précédent, ou le supprimer à tout moment. Il n'existe pas de protection par mot de passe.
Oui. Vous importez un fichier CSV ou Excel de 5 Mo et 20 000 lignes au plus. Des testeurs ne réagissent pas de la même façon devant une liste de vraies commandes que devant trois lignes fictives.
Vous pouvez le publier tel quel, sur une adresse en eqlo.dev ou sur votre propre domaine avec l'offre Plus. Vous pouvez aussi envoyer le code sur GitHub pour que vos développeurs prennent la suite.
Commencez avec l'offre gratuite, cinq projets et sans carte bancaire. Les personnes qui reçoivent le lien de relecture commentent tout de suite, sans inscription.