Qu'est-ce que Outil de Wireframe ?

Esquissez des mises en page et des maquettes d'interface en quelques secondes. Glissez-déposez des éléments d'interface courants — boutons, blocs de texte, images, champs de saisie — sur un canevas, puis exportez en PNG ou enregistrez en JSON pour continuer l'édition.

Comment utiliser

1. Sélectionnez un élément d'interface dans la barre d'outils — tel qu'un rectangle, un bloc de texte, un bouton, un espace réservé pour une image ou un champ de saisie — et cliquez sur le canevas pour le placer.
2. Faites glisser les éléments pour les repositionner, redimensionnez-les en tirant sur les poignées et modifiez le texte en double-cliquant. Regroupez les éléments pour faciliter leur déplacement.
3. Exportez votre wireframe en image PNG pour le partager, ou enregistrez-le en JSON pour le recharger et continuer à l'éditer plus tard.

Résultat

Un chef de produit esquisse un écran de connexion d'application mobile avec un espace réservé pour le logo, des champs e-mail et mot de passe, un bouton de connexion et un lien "mot de passe oublié" — puis exporte le PNG pour le partager dans un canal Slack.

Outils similaires