Comparatif
des outils de prototypage
Mai 2017 – Gianni Polito

Quelle démarche ?
Dans tous les tests, j’ai accordé une à deux heures à
chaque logiciel pour pouvoir explorer les possibilités
qu’il offrait.
L’objectif était le même à chaque fois : réaliser un
prototype de quelques écrans avec interactions et
animations si possible. Quand le plugin compatible avec
Sketch existait, je l’ai installé et testé en même temps.
J’ai parfois eu besoin d’aller dans la documentation ou
de regarder des tutoriaux. Ils sont la plupart du temps
disponibles sur le site de l’éditeur.
La note globale ne reflète que l’expérience globale que
j’en ai eue sur la facilité d’utilisation, les possibilités
offertes et le potentiel d’utilisation au sein d’un projet. Il
reflète un avis complètement subjectif.

Invision
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch
• Enormément d’outils
complémentaires (inspect,
freehand…)
• 15€/mois
Les moins
• Limité au niveau interactions et
animations
• Pas d’évolution de l’outil depuis
des mois
Un outil simple pour tester un parcours rapidement,
avec des extensions très intéressantes, mais l’outil de
prototypage en lui-même reste très limité… Note globale : 15/20
http://invisionapp.com

MarvelApp
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch
• Enregistrement vidéo facile avec
le plugin
• Gratuit (mais logo MarvelApp sur
le proto)
Les moins
• Limité au niveau interactions et
animations
Un outil dans la lignée d’invision, simple et sans prétention
mais qui fait très bien le travail pour dépanner
Note globale : 12/20
https://marvelapp.com

Proto.io
Les plus
• Animations avancées
• Simplicité de l’interface
• Intégration avec Sketch
Les moins
• Outil web uniquement
• Plugin sketch pas hyper utile
• Cher (29$/mois)
Simple et puissant, mais beaucoup d’étapes
pour construire un prototype basique
Note globale : 15/20
http://proto.io

Adobe XD
Les plus
• Grille de répétition intéressante
• Gratuit dans notre abonnement
Adobe CC
Les moins
• Toujours compliqué l’intégration
avec Illustrator (obligé de faire
copier/coller, pas d’importation
possible)
• Pas d’animation d’éléments
• Fonctionnalités limitées
Un très bon potentiel, mais toujours pas de
grosse évolution depuis 6 mois…
Le logiciel reste très limité finalement. Note globale : 11/20
http://www.adobe.com/fr/produ
cts/experience-design.html

(Facebook)
Origami Studio
Les plus
• Animations avancées
• Possibilité de faire des conditions
d’animations (zone scrollée…)
• Capture vidéo du prototype facile
• Import de fichiers sketchs
• Gratuit
Les moins
• Logiciel compliqué à utiliser (il
faut avoir Bac +8)
• La moindre interaction nous fait
s’arracher les cheveux
• Peu de documentation et de
tutoriels… et encore moins à jour
Un outil de prototypage puissant
dont on n’a pas le mode d’emploi… Note globale : 10/20
http://origami.design/

Principle
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch (si Sketch
est ouvert, il peut récupérer le document
directement)
• Interactions poussées avec timelines
• Adapté au web et mobile
• Grosse communauté
Les moins
• Pas d’export en HTML
• Prix élevé : 129$
Un très bon outil adapté au design d’interaction
et aux transitions entre les écrans.
Note globale : 17/20
http://principleformac.com

Flinto
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch (si Sketch
est ouvert, il peut récupérer le document
directement)
• Interactions poussées avec timelines
• Interactions testable avec iphone
• Version Lite (en ligne) plus simple
Les moins
• Pas d’export en HTML
• Prix élevé : 99$
Un très bon outil adapté au design d’interaction
et aux transitions entre les écrans. Note globale : 17/20
https://www.flinto.com