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 adresseDevant une image, chacun donne son avis. Devant un écran qui répond, on voit où les gens bloquent. Pour transformer une maquette Figma en application, joignez l'export de l'écran à votre demande : Eqlo en reproduit la structure, la rend cliquable et applique vos valeurs exactes. Vous essayez l'interaction vous-même, sans attendre que l'intégration ait du temps.
AVANT · écran dessiné · APRÈS · écran cliquable
Vous avez pensé l'ordre de lecture, les contrastes et le rythme. En réunion, ces choix deviennent une opinion parmi d'autres, faute de pouvoir les vérifier à l'usage. Quand l'écran répond aux clics, le débat change de nature : on regarde où les gens se perdent.
Les remarques arrivent par message, par courriel ou dans un tableau, loin de l'élément qu'elles visent. Il faut ensuite deviner à quel bouton chacune se rapporte. Un commentaire épinglé sur la section concernée règle la question.
Un enchaînement qui ne marche pas se révèle souvent une fois développé, quand le corriger coûte le plus. Essayer l'interaction avant le développement inverse l'ordre : vous corrigez quand c'est encore gratuit, et l'équipe technique reçoit un écran déjà éprouvé.
Un fichier, une page de consignes, un dossier d'exports : le développeur comble les blancs, se trompe d'espacement ou invente un état vide. L'écart apparaît à la revue. Un écran qui fonctionne déjà, avec ses valeurs écrites noir sur blanc, laisse beaucoup moins de place au doute.
La question revient toujours, et elle mérite une réponse précise. Exportez l'écran en image depuis Figma, Sketch ou Penpot, puis joignez-le à la demande par le trombone, par glisser-déposer ou par simple collage. Jusqu'à six fichiers de 15 Mo passent dans une même demande.
Ce que l'IA reproduit. La structure de l'écran : les zones, l'ordre des blocs et les colonnes. La hiérarchie des textes, entre titre, sous-titre, libellé et donnée. Les éléments d'interface courants : cartes, champs, boutons, listes, onglets. L'écran obtenu est cliquable, et non une image de plus.
Ce qu'il vaut mieux écrire. Les codes hexadécimaux de vos couleurs et le nom de vos polices : écrits dans la demande, ils s'appliquent tels quels, alors qu'une image ne les donne qu'à peu près. Un arrondi noté en pixels est ramené au plus proche des cinq niveaux du moteur. Les états non dessinés, comme la liste vide, le chargement ou l'erreur. Et les règles du parcours, qui figurent dans vos notes, jamais dans l'image.
Ce que l'image ne transmet pas. Les variantes de composants, les contraintes d'auto-layout et les liens de prototype restent dans votre outil de conception. L'IA travaille sur ce qui se voit à l'écran. C'est une vraie limite, mais elle a un avantage : n'importe quel outil de conception convient.
Un système de design se dégrade dès que chaque valeur est réinterprétée. Écrivez-les une fois, et elles valent pour tout le projet.
Où les écrire. Dans la demande du moment, ou mieux, dans les instructions permanentes du projet : ces 2 000 caractères sont relus par l'IA à chaque nouvelle demande. Vos valeurs restent ainsi en place quand le projet grandit.
Et après. L'onglet Design change sans IA, et donc sans coût, le style, la palette, les polices, le niveau d'animation et la mise en page de chaque section. Les arrondis, les ombres ou la forme des boutons se demandent en une phrase dans le chat. Une section verrouillée n'est plus touchée par l'IA, même pendant une refonte complète. Jusqu'à soixante sections peuvent l'être.
Trois résultats concrets, et des durées données à titre indicatif. Aucun ne passe par la file de développement.
L'image jointe devient un écran qui répond : on tape dans les champs, on filtre une liste, on suit un bouton jusqu'à l'écran suivant. Vous demandez les états manquants en une phrase. L'aperçu se consulte en format ordinateur ou téléphone, en 390 × 844.
Les couleurs et les polices que vous avez écrites s'appliquent à toutes les pages. Pour comparer deux options, faites les deux demandes, puis comparez les deux versions côte à côte. Aucune version n'est jamais effacée.
Le projet part dans votre dépôt GitHub, spécification comprise, avec tout le code source Next.js, React et TypeScript. Ce qu'un développeur modifie dans le dépôt revient dans Eqlo sous forme de nouvelle version. Personne ne repart d'une capture d'écran à mesurer au pixel.
Plusieurs points d'accessibilité sont réglés d'office sur chaque site publié. Ils vous évitent les corrections les plus répétitives, sans dispenser d'une vérification.
Ce qui est en place. Un lien « Aller au contenu » en haut de page et un menu mobile accessible. Des contrastes corrigés automatiquement pour atteindre le niveau AA. Une description écrite par l'IA pour chaque image, modifiable ensuite. Et les animations coupées si le visiteur a demandé moins de mouvement sur son appareil.
Ce qu'il faut vérifier vous-même. La justesse des descriptions d'images qui portent un sens, que vous connaissez mieux que personne. Le parcours complet au clavier, qui prend cinq minutes à tester. Et la clarté des libellés, surtout sur les boutons d'action.
Ce qu'aucun outil ne fait. Une conformité officielle se prouve par un audit. Eqlo améliore le point de départ, mais ne délivre aucune attestation.
Scénario imaginé pour l'exemple. Une designer travaille sur l'application d'un réseau de salons de coiffure. Elle a dessiné cinq écrans pour la réservation d'une prestation, et une revue est prévue vendredi avec la responsable produit et deux développeurs.
Mercredi matin, elle joint les cinq écrans à sa demande et écrit sa couleur principale, sa police et ses arrondis. Quelques minutes plus tard, l'écran affiche les prestations avec leur durée et leur prix, les prochains créneaux et le bouton des disponibilités, dans sa couleur et sa police. Deux oublis sautent aux yeux : rien n'était prévu quand aucun créneau n'est libre, et l'écran de confirmation n'avait pas de bouton retour.
Jeudi, elle envoie le lien de relecture à cinq collègues, qui épinglent leurs remarques sur les sections visées. Elle transmet les commentaires à l'IA en un clic. Vendredi, tout le monde a déjà manipulé le parcours, et la revue aboutit à une décision. Les développeurs récupèrent ensuite le code dans leur dépôt.
Figma, Sketch ou Penpot restent l'endroit où vous dessinez et explorez. Eqlo entre en jeu quand il faut rendre l'écran utilisable. Les deux outils trouvent leur place dans la même journée.
Vos codes de couleur, vos polices et vos mesures sont écrits une fois dans les instructions permanentes du projet. L'IA s'y tient au lieu d'inventer une palette. Le travail d'harmonisation déjà fait par votre équipe sert directement.
Même jour, mêmes participants. La différence tient à ce qu'on montre : un parcours que chacun a déjà parcouru, avec des remarques épinglées à leur place au lieu d'un fil à démêler.
Rendre un écran utilisable, le faire essayer et l'ajuster ne demande l'aide de personne. C'est l'étape où le regard d'un designer pèse le plus, et celle où chaque aller-retour avec les développeurs fait perdre le plus de temps.
Quand le parcours doit devenir un vrai produit, le code complet part dans votre dépôt GitHub, et ce que les développeurs y retouchent revient dans Eqlo. Les développeurs gardent l'agencement des écrans et votre charte comme base. Ils écrivent ensuite la logique métier et les droits d'accès selon leurs propres règles.
Pour poursuivre, selon votre rôle dans le projet.
Non. Une image exportée de l'écran suffit, jointe à la demande. Comme l'IA part de ce qui se voit, peu importe l'outil qui a servi à dessiner. Ajoutez vos valeurs exactes par écrit, car une image ne les donne qu'approximativement.
Oui. Joignez jusqu'à six images dans une même demande et indiquez l'ordre du parcours. Pour un parcours plus long, ajoutez les écrans suivants dans une nouvelle demande, une fois les premiers en place.
Oui, si vous les écrivez. Les codes hexadécimaux et les polices du catalogue indiqués dans la demande sont appliqués tels quels, et un arrondi en pixels est ramené au niveau le plus proche. Seuls les contrastes trop faibles sont corrigés pour atteindre le niveau AA.
Ils restent dans votre outil de conception. L'IA construit une mise en page qui s'adapte à l'écran du visiteur à partir de l'image. Si le résultat ne convient pas, pointez la section dans l'aperçu et décrivez le changement.
L'écran généré en propose souvent, et c'est l'écart le plus fréquent avec la maquette, qui les dessine rarement. Vous les ajustez en écrivant vos propres formulations, ou en modifiant le texte directement dans l'aperçu.
Non. Le relecteur ouvre un lien privé, ou scanne son QR code sur téléphone, puis saisit son prénom, choisit une section et laisse son commentaire, jusqu'à 1 000 caractères.
Oui. Le code complet en Next.js, React et TypeScript part dans leur dépôt GitHub, et leurs modifications reviennent dans Eqlo. En général, ils gardent l'agencement des écrans et la charte, puis réécrivent la logique métier.
L'offre Gratuit donne cinq projets sans carte bancaire. Vos relecteurs commentent avec un simple prénom.