Une maquette qu’on corrige du doigt.
Une maquette du Studio est une vraie page : du HTML et du CSS, avec ses polices chargées et ses images. Ce qui change tout, c’est qu’on la corrige en désignant une zone à l’écran — l’agent reçoit le sélecteur, l’extrait et la capture, au lieu d’une description.
HTMLPNGPDFLes étapes, dans l’ordre.
- Une création naît vierge, et s’ouvre devant vous. Elle apparaît dans le Studio au moment où l’agent la crée, et vous la voyez se remplir pendant qu’il écrit : rien n’attend la fin du travail.
- Bureau et mobile dans le même fichier. Les sections se déclarent comme des cadres ; l’aperçu bascule entre les formats d’appareil, et ce que vous voyez est ce que l’éditeur montre.
- On désigne, on demande. Une sélection sur l’écran, et la demande part avec des FAITS : le sélecteur, le texte choisi, les pixels du document, la capture. Pas « le bloc du milieu ».
- On valide, et ça fait autorité. Une version validée devient la référence de l’agent qui intégrera : il en lit la structure, les couleurs et les typographies plutôt que de les deviner.
À la fin, vous avez ça.
- La maquette en HTML et CSS, bureau et mobile, dans le Studio du projet
- Un lien de relecture sans compte, pour le client, qui peut commenter à l’endroit exact
- Les exports dont vous avez besoin : page, image, PDF
- La version validée, qui fait autorité pour l’intégration
Les fonctionnalités qui servent ici.
Les questions qu’on nous pose.
Et s’il en manque une, le Discord répond plus vite que cette page.
Est-ce du code jetable ?
Non, et c’est tout l’intérêt : la maquette est déjà du HTML et du CSS propres. L’intégration part de là plutôt que de redessiner une interprétation, et ce qui est validé fait autorité.
Peut-on importer une maquette existante ?
Un fichier HTML, oui, il devient une création. Un fichier d’un outil de design propriétaire, non : en revanche Nexus sait LIRE une maquette Figma et en extraire les variables, les styles et le code d’une sélection.
Le client peut-il commenter sans compte ?
Oui, par un lien de partage. Son commentaire est posé sur la zone qu’il a désignée, il arrive dans le Studio avec le nom qu’il a donné, et l’agent peut le lire, le traiter et le clôturer.
Dans la même famille.
Écrans d’application
Tableaux de bord, formulaires, parcours : les écrans d’un produit, avec tous leurs états.
Prototypes cliquables
Les écrans reliés entre eux, animés, montrés au client par un simple lien.
Parcours et wireframes
L’arborescence et les écrans en gris, pour décider des pages avant la couleur.
Design system et tokens
Couleurs, typographies, espacements : les mêmes valeurs pour la maquette et le code.