Des wireframes à main levée, beaux par défaut. Parfait pour un premier jet en dix minutes. Export PNG et SVG, partage par lien.
Dessiner vos maquettes
Avant de coder une interface qui présente des données, on la dessine. Une maquette (ou wireframe) est un croquis de l'écran : les boîtes, les champs, les listes, les actions. Tous les outils ci-dessous sont gratuits pour un usage étudiant; le badge indique s'il faut un compte.
Le trio du cours : Excalidraw pour le croquis en dix minutes, Penpot ou Figma pour la maquette propre à remettre, draw.io pour ceux qui ne veulent aucun compte.
Sans compte, tout de suite
On ouvre l'adresse, on dessine, on exporte en PNG. Rien à créer, rien à retenir.
L'atelier de diagrammes technique. Sa bibliothèque de formes « Mockups » sert aux maquettes d'écran; les mêmes formes serviront à vos diagrammes de bases de données. Sauvegarde locale ou sur Google Drive.
Un tableau blanc infini, très rapide, pour esquisser plusieurs écrans côte à côte et les relier par des flèches.
Avec un compte gratuit
Un courriel suffit. Le plan gratuit est assez large pour tout le cours.
Libre et open source, l'équivalent de Figma sans plafond de fichiers ni de projets. Collaboration en temps réel, composants, prototypes cliquables.
Le standard de l'industrie. Le plan gratuit donne trois fichiers; le plan Éducation, gratuit avec votre courriel étudiant, retire la limite.
Des wireframes très propres avec des composants prêts à poser (menus, tableaux, formulaires). Plan gratuit suffisant pour un projet de cours.
Orienté wireframes de sites web et d'applications. Un projet gratuit, ce qui suffit pour le cours.
Minimaliste à l'extrême : une page, une palette de gris, aucune distraction. Les wireframes publics sont gratuits.
Tableau blanc collaboratif avec des gabarits de wireframes. Trois tableaux gratuits, idéal pour une équipe.
Moins « wireframe », plus « maquette visuelle finale » : gabarits de sites et d'applications, couleurs et typographie soignées.
Avec l'intelligence artificielle
On décrit l'écran en une phrase, ou on photographie un croquis papier, et l'outil propose une maquette. Plans gratuits limités mais suffisants pour essayer.
Pièges à éviter
- Balsamiq : trente jours d'essai seulement, puis payant (sauf licence éducation à demander).
- Moqups et Justinmind : plans gratuits très bridés, on frappe le mur au deuxième écran.