---
title: Le design
question: Comment obtenir des maquettes et les donner à l'agent qui code ?
description: Design system, maquettes HTML annotées par zone, révisées puis approuvées, et jointes à l'issue que l'agent lit.
section: start
order: 7
---
Ouvrez **Design**, créez un espace et décrivez ce que vous voulez voir : Diavi dessine une maquette HTML cliquable, vous l'annotez directement sur l'écran, il la révise, et vous l'approuvez. Une maquette approuvée se joint à une issue : l'agent qui développe l'issue la voit.

## Que peut-on demander ?

- **Design system** : couleurs, typographie et composants. Les maquettes suivantes le respectent.
- **Maquette globale** : le parcours et les pages principales, vus ensemble.
- **Écran** : un écran précis, avec ses états vides et d'erreur. Collez une user story si vous en avez une.

Un espace peut s'appuyer sur un projet de la chefferie : sa vision guide alors les maquettes. Sans projet, le design fonctionne seul.

## Comment annoter une maquette ?

Cliquez sur un élément de la maquette, choisissez commenter, remplacer ou supprimer, et écrivez votre remarque. Basculez entre **Ordinateur** et **Téléphone** pour voir les deux largeurs. Quand vos annotations sont posées, demandez une révision : une nouvelle version apparaît. Vous pouvez aussi modifier le code HTML vous-même.

## Comment la joindre à une issue ?

L'espace doit être relié à un dépôt, et la maquette approuvée. Saisissez le numéro de l'issue : Diavi poste une capture de la maquette dans un commentaire. L'agent lecteur lit les images jointes aux issues, donc la maquette nourrit le développement sans autre réglage.

## Combien ça coûte, et où se règle-t-il ?

Dessiner et réviser sont des appels au modèle, sur la clé d'IA du compte (comptez jusqu'à trois minutes). L'autorisation de joindre aux issues, la largeur de la capture, la durée de validité de son lien et le modèle de l'agent se règlent dans **Préférences → Chefferie et design**.