9 OUTILS WIREFRAME
GRATUITS

Vous souhaitez concevoir vos
wireframes sans y accorder un trop
grand budget ?

On vous présente 9 outils gratuits
pour créer des wireframes
efficacement et mettre sur “papier”
vos idées de site internet ou
d’application.

Par Agathe Rivière
Wireframe

QU’EST-CE QU’UN
WIREFRAME ET POURQUOI
S’EN SERVIR ?

En webdesign, un wireframe est une
maquette fonctionnelle qui permet de
visualiser la création ou la refonte d’un
site web ou d’une application. C’est le
squelette de l’interface qui va
permettre de mettre en avant
différents scénarios utilisateurs.

C’EST QUOI UN WIREFRAME ?

En savoir plus

Les wireframes permettent de
gagner du temps dans votre
processus de conception. Ils
permettent de maintenir un cap et
de ne pas partir dans toutes les
directions.
On peut facilement revenir dessus
pour corriger ou améliorer la
maquette.

POURQUOI FAIRE DES
WIREFRAMES ?

En savoir plus

9 OUTILS POUR LA
CRÉATION DE VOS
WIREFRAMES

Origami a été créé par les designers de
Facebook. Disponible sur Mac et iOs, il
est facile à prendre en main, mais
surtout gratuit ! Compatible avec
Sketch (payant) vous pourrez concevoir
des wireframes complets grâce à sa
bibliothèques.

ORIGAMI

En savoir plus

Mockflow est un outil connu pour
son produit “WireframePro” qui
permet de créer et de collaborer sur
différents projets, seul ou à plusieurs.

C’est un outil intuitif et interactif
avec de nombreuses fonctionnalités.

MOCKFLOW

En savoir plus

Wirefy permet de développer des
wireframes à la fois performants et
flexibles. Vous pourrez également
raccourcir vos temps de conceptions
jusqu’à l’obtention du wireframe
final.

WIREFY

En savoir plus

Un outil minimal et moderne,
Wireframe.cc est compatible avec
les mobiles et les tablettes, ce qui
facilite les échanges entre vos
différents supports.
L’option gratuite vous permet
d’accéder à tous les outils
nécessaires pour concevoir vos
wireframes.

WIREFRAME.CC

En savoir plus

Si vous aimez Sketch alors Figma va
vous intéresser.
Ce que l’on aime c’est son utilisation
en ligne, sa facilité de création
notamment pour les applications
web, et surtout le fait qu’il puisse
être gratuit !

FIGMA

En savoir plus

Un outil wireframe à la fois puissant
et pratique à utiliser pour animer vos
créations.
Les retours avec les clients et la
transmission des informations sont
simples, et si vous utilisez Sketch
vous avez la possibilité de
synchroniser vos travaux.

INVISION

En savoir plus

Pencil est un logiciel open source
gratuit avec une bibliothèque qui
dispose de nombreuses ressources.
Sa prise en main est simple et
intuitive. Le seul hic ? Le logiciel n’a
pas été mis à jour depuis 2013 mais
cela ne vous empêche pas de
l’utiliser.

PENCIL

En savoir plus

Il s’agit d’un outil en ligne qui
permet de concevoir des wireframes
et prototypes directement sur
navigateur.
Vous pouvez également
synchroniser vos projets sur Dropbox
et les partager facilement entre
collaborateurs.

MARVELAPP

En savoir plus

Avec une large bibliothèque
d’icônes, de templates et de
composantes, Mockplus est un outil
performant pour créer des
wireframes.
Il peut être utilisé sur n’importe quel
type d’appareils, iOS ou Android. La
version gratuite est limitée, mais
reste intéressante.

MOCKPLUS

En savoir plus

C'EST LA FIN DE CETTE
WEBSTORY SUR LES
OUTILS WIREFRAME

Je veux en savoir plus !

Le marketing et la vente vous intéressent ?

Toutes nos webstories

Contactez-nous !