{"id":2675,"date":"2019-09-27T10:30:02","date_gmt":"2019-09-27T08:30:02","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=2675"},"modified":"2023-11-14T09:41:46","modified_gmt":"2023-11-14T08:41:46","slug":"logiciel-prototypage-maquette-web","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/","title":{"rendered":"Web design&nbsp;: 10 logiciels de prototyping pour vos maquettes"},"content":{"rendered":"<p>Vous \u00eates en train de <strong>cr\u00e9er une maquette<\/strong> pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou autre afin d&#8217;obtenir un rendu et ainsi pouvoir tester <a href=\"https:\/\/graphiste.com\/blog\/ux-ui-design-plateformes\" target=\"_blank\" rel=\"noopener noreferrer\">l&#8217;UX<\/a>&nbsp;?<\/p>\n<p><strong>Vous \u00eates au bon endroit.<\/strong><\/p>\n<p>Nous avons test\u00e9 pour vous de nombreux logiciels de <strong>prototypage<\/strong> et nous vous livrons notre classement des applications les plus pratiques sur Windows et sur Mac.<\/p>\n<blockquote class=\"entry-content sponso-alert\"><p>Les outils de cet article ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s par notre \u00e9quipe et ne sont pas sponsoris\u00e9s. D\u00e9couvrez comment <a href=\"https:\/\/www.codeur.sarl\/devenir-annonceur\/\" target=\"_blank\">sponsoriser votre outil<\/a>.<\/p><\/blockquote><h2><a href=\"https:\/\/origami.design\" target=\"_blank\" rel=\"noopener noreferrer\">1. Origami Studio (gratuit)<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13463\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/studioInterface2-e1569416563401.png\" alt=\"originami interface pour graphiste\" width=\"650\" height=\"414\"><\/p>\n<p>Le petit nouveau, un logiciel open-source, d\u00e9velopp\u00e9 par Facebook.<\/p>\n<p>Outre son apparence jeune et dynamique Origami Studio poss\u00e8de un atout majeur, <strong>il est gratuit<\/strong>. Il permet de cr\u00e9er des prototypes d&#8217;applications mobile.<\/p>\n<p>Vous pouvez m\u00eame tester sur votre smartphone iOS gr\u00e2ce \u00e0 l&#8217;appli Origami.<\/p>\n<p><strong>Origami Studio<\/strong> fonctionne avec Quartz Composer, il est donc disponible uniquement sur mac.<\/p>\n<h2>2. <a href=\"https:\/\/www.flinto.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flinto<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13464\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/flinto-interface-e1569417077615.png\" alt=\"interface graphique pour prototype graphiste\" width=\"650\" height=\"405\"><\/p>\n<p>Flinto est lui aussi un logiciel de prototype tr\u00e8s moderne.<\/p>\n<p>Il se divise en deux produits, d&#8217;une part <strong>Flinto Lite<\/strong> qui permet de r\u00e9aliser des prototypes directement en ligne et de les visualiser sur son mobile gr\u00e2ce \u00e0 une web app. Une solution simplifi\u00e9e qui va ravir les graphistes qui veulent gagner du temps.<\/p>\n<p>Flinto a \u00e9galement \u00e9dit\u00e9 <strong>&#8220;Flinto For Mac&#8221;<\/strong>, une version plus approfondie avec aussi la possibilit\u00e9 de visualiser son prototype sur smartphone gr\u00e2ce \u00e0 une appli d\u00e9di\u00e9. Inutile de pr\u00e9ciser qu&#8217;il est disponible lui aussi uniquement sur mac.<\/p>\n<blockquote><p>Il faut tout de m\u00eame compter 99$ pour le logiciel et 20% par mois pour la version en ligne.<\/p><\/blockquote>\n<p>Les deux versions comportent deux offres de 15 et 30 jours.<\/p>\n<h2>3. <a href=\"https:\/\/proto.io\/designers\/\" target=\"_blank\" rel=\"noopener noreferrer\">Proto.io<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13471\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/proto-io-interface-graphiste-e1569418278659.png\" alt=\"prototype proto maquette web interface pour graphiste\" width=\"650\" height=\"325\">M\u00eame si son utilisation est principalement d\u00e9di\u00e9 \u00e0 la<strong> cr\u00e9ation de prototype<\/strong> pour application mobile,<strong> Proto.io<\/strong> permet \u00e9galement de s&#8217;adapter au prototypage de site web.<\/p>\n<p>Nous avons \u00e9t\u00e9 s\u00e9duits par sa simplicit\u00e9 et la qualit\u00e9 des interactions propos\u00e9es.&nbsp;Comme bon nombre de ses concurrents il poss\u00e8de son application d\u00e9di\u00e9 pour les d\u00e9monstrations sur smartphone.<\/p>\n<p>Son offre \u00e9toff\u00e9e allant de 24$ \u00e0 160$ permet \u00e0 tous les profils d&#8217;y trouver son compte (la diff\u00e9renciation de prix varie selon le nombre de projets et de collaborateurs).<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:&nbsp;<a href=\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\">Maquette application mobile&nbsp;: 10 astuces pour la r\u00e9ussir<\/a><\/p><\/blockquote>\n<h2>4. <a href=\"https:\/\/principleformac.com\" target=\"_blank\" rel=\"noopener noreferrer\">Principle<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13472\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/principleformac-e1569418543988.jpg\" alt=\"principle for Mac application prototyping\" width=\"650\" height=\"383\">Encore un logiciel disponible uniquement sur mac, il poss\u00e8de aussi son <strong>application iPhone de visualisation<\/strong>.<\/p>\n<p>Principle joue sur la notion de <strong>simplicit\u00e9 et de rapidit\u00e9<\/strong> en faisant m\u00eame la promesse de r\u00e9aliser un prototype en 5 minutes chrono.<\/p>\n<p>Pour les <em>5 minutes cela reste \u00e0 voir<\/em> mais il est vrai que ce logiciel va vous faire <strong>gagner du temps<\/strong>.&nbsp;En terme de prix, il fait jeu \u00e9gal avec Flinto For Mac avec 15 jours d&#8217;essai gratuit puis 99$.<\/p>\n<h2>5. <a href=\"https:\/\/www.framer.com\" target=\"_blank\" rel=\"noopener noreferrer\">Framer Studio<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13476\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/framerstudio-graphiste-e1569419647620.png\" alt=\"framer studio prototype pour graphiste UX designer\" width=\"650\" height=\"403\"><\/p>\n<p>D\u00e9cid\u00e9ment les adeptes de Windows vont \u00eatre d\u00e9\u00e7us puisque voici encore un logiciel tr\u00e8s pratique mais disponible uniquement sur Mac OS.<\/p>\n<p>Outre les qualit\u00e9s des 4 applications cit\u00e9es pr\u00e9c\u00e9demment, Framer Studio permet l&#8217;int\u00e9gration directe de vos documents au format <a href=\"https:\/\/graphiste.com\/blog\/sketch-ou-photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch.<\/a><\/p>\n<p>Vous gardez \u00e9galement vos calques pour la cr\u00e9ation du prototype. Framer Studio se place donc sur un cr\u00e9neau plus \u00ab professionnel \u00bb destin\u00e9 aux plus gros projets.<\/p>\n<p>Il est vendu 129$ et vous propose une version d&#8217;essai de 15 jours.<\/p>\n<h2>6. <a href=\"https:\/\/marvelapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Marvel<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-13465 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/image-e1569417358586.png\" alt=\"marvel interface \" width=\"650\" height=\"411\"><\/p>\n<p>Avec cette application, il est maintenant facile de cr\u00e9er <strong>un prototype anim\u00e9. <\/strong><\/p>\n<p>Importez vos images, s\u00e9lectionnez des interactions, et votre conception prend vie&nbsp;! Vous pouvez \u00e9videmment le connecter avec de nombreux outils comme Sketch, Google Drive et Dropbox.<\/p>\n<p>Pour le prix, vous avez la possibilit\u00e9 de commencer gratuitement avec un projet, ensuite c&#8217;est \u00e0 partir de 12$\/mois.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:&nbsp;<a href=\"https:\/\/graphiste.com\/blog\/zoning-site-web\">Comment faire un zoning de site web&nbsp;?<\/a><\/p><\/blockquote>\n<h2>7. <a href=\"https:\/\/www.adobe.com\/fr\/products\/xd.html\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe XD<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13478\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/adopeXD-interface-prototyping-e1569419927290.png\" alt=\"adobe XD prototype\" width=\"650\" height=\"416\"><\/p>\n<p>Tr\u00e8s populaire avec son interface ergonomique et ses fonctionnalit\u00e9s performantes, <a href=\"https:\/\/graphiste.com\/blog\/plugins-adobe-xd-free-gratuit-creation\"><strong>Adobe XD<\/strong><\/a> permet aussi de faire du prototype et de <a href=\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\" target=\"_blank\" rel=\"noopener noreferrer\">cr\u00e9er des interactions.<\/a><\/p>\n<p>Il est aussi tr\u00e8s <strong>facile de partager<\/strong> vos cr\u00e9ations avec vos coll\u00e8gues ou clients.<\/p>\n<p>Appartenant \u00e0 la suite Adobe, l&#8217;int\u00e9gration de logiciels comme Photoshop ou After Effects se fait naturellement. Bien vu&nbsp;!<\/p>\n<h2>8. <a href=\"https:\/\/www.hotgloo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hotgloo<\/a><\/h2>\n<p><strong><img decoding=\"async\" class=\"aligncenter size-full wp-image-13486\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/hotgloo-interaction.gif\" alt=\"hotgloo protoypage\" width=\"490\" height=\"302\"><\/strong><\/p>\n<p><strong>HotGloo<\/strong> est un <strong>outil en ligne<\/strong> d&#8217;UX de prototypage con\u00e7u pour cr\u00e9er des wireframes des applications mobiles et desktop. Mais pas seulement&nbsp;!<\/p>\n<p>HotGloo aide \u00e0 visualiser les processus de planification, \u00e0 cr\u00e9er et \u00e0 tester <strong>les interactions utilisateurs<\/strong> tr\u00e8s facilement.<\/p>\n<p>Avec cet outil, il est possible de partager des prototypes enti\u00e8rement interactifs avec votre \u00e9quipe et vos clients. Des tutoriels et des documentations sont aussi mis en ligne pour vous aider.<\/p>\n<p>7 jours sont offerts pour d\u00e9couvrir le produit, ensuite les abonnements commencent \u00e0 12$\/mois.<\/p>\n<h2>9. <a href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">InVision<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13484\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/invision-prototyping-e1569424208398.jpg\" alt=\"invision prototype pour graphiste maquette web\" width=\"650\" height=\"366\">Invision se pr\u00e9sente comme un outil complet pour g\u00e9rer des projets d&#8217;UX designer.&nbsp;Il est utilis\u00e9 par les concepteurs pour cr\u00e9er des<strong> interfaces intutives<\/strong>&nbsp;: chaque \u00e9cran statique se transforme ainsi en prototype cliquable et interactif.<\/p>\n<blockquote><p>Son atout le plus int\u00e9ressant&nbsp;: il facilite les <strong>\u00e9changes<\/strong> avec les clients directement sur l&#8217;interface&nbsp;!<\/p><\/blockquote>\n<p>Ces donn\u00e9es sont ensuite transf\u00e9r\u00e9es aux int\u00e9grateurs pour faciliter la reproduction du design.<\/p>\n<p>Il est possible de le coupler \u00e0 de nombreuses applications comme Sketch, Slack, Confluence, Trello&#8230;<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:&nbsp;<a href=\"https:\/\/graphiste.com\/blog\/outils-gratuits-productivite\">Graphiste&nbsp;: 10 outils gratuits pour booster votre productivit\u00e9<\/a><\/p><\/blockquote>\n<h2>10. <a href=\"https:\/\/www.axure.com\" target=\"_blank\" rel=\"noopener noreferrer\">Axure<\/a><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13480\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/axure-remplate-protoypage-e1569420598973.png\" alt=\"Axure prototype\" width=\"650\" height=\"603\"><\/p>\n<p><strong>Axure<\/strong> est consid\u00e9r\u00e9 comme une r\u00e9f\u00e9rence dans l&#8217;univers de l\u2019UX Design. Outre son interface tr\u00e8s \u00e9pur\u00e9e, il permet de cr\u00e9er des <strong>interactions complexes<\/strong> sans avoir besoin de d\u00e9veloppement web.<\/p>\n<p>Plut\u00f4t agile sur les applications mobiles, il autorise l\u2019int\u00e9gration des \u00e9l\u00e9ments graphiques de Photoshop ou Sketch avec des plugins. De quoi am\u00e9liorer la productivit\u00e9&nbsp;!<\/p>\n<p>Il est disponible sur PC et Mac, \u00e0 partir de 29$.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:&nbsp;<a href=\"https:\/\/graphiste.com\/blog\/logiciels-mind-mapping-gratuits\">7 logiciels de Mind Mapping gratuits<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Vous souhaitez faire appel \u00e0 un graphiste exp\u00e9riment\u00e9 pour la cr\u00e9ation de vos maquettes&nbsp;? Sur <a href=\"https:\/\/graphiste.com\" target=\"_blank\" rel=\"noopener noreferrer\">Graphiste.com<\/a>, vous trouverez des freelances disponibles pr\u00eats \u00e0 vous aider.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou autre afin d&#8217;obtenir un rendu et ainsi pouvoir tester l&#8217;UX&nbsp;? Vous \u00eates au bon endroit. Nous avons test\u00e9 pour vous de nombreux logiciels de prototypage et nous vous livrons [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13490,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[106],"class_list":["post-2675","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-outils"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web design : 10 logiciels de prototyping pour vos maquettes - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design : 10 logiciels de prototyping pour vos maquettes - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-27T08:30:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-14T08:41:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Web design&nbsp;: 10 logiciels de prototyping pour vos maquettes\",\"datePublished\":\"2019-09-27T08:30:02+00:00\",\"dateModified\":\"2023-11-14T08:41:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\"},\"wordCount\":983,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg\",\"keywords\":[\"Outils\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\",\"url\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\",\"name\":\"Web design : 10 logiciels de prototyping pour vos maquettes - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg\",\"datePublished\":\"2019-09-27T08:30:02+00:00\",\"dateModified\":\"2023-11-14T08:41:46+00:00\",\"description\":\"Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web design : 10 logiciels de prototyping pour vos maquettes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design : 10 logiciels de prototyping pour vos maquettes - Graphiste Blog","description":"Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Web design : 10 logiciels de prototyping pour vos maquettes - Graphiste Blog","og_description":"Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou","og_url":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-09-27T08:30:02+00:00","article_modified_time":"2023-11-14T08:41:46+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Web design&nbsp;: 10 logiciels de prototyping pour vos maquettes","datePublished":"2019-09-27T08:30:02+00:00","dateModified":"2023-11-14T08:41:46+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/"},"wordCount":983,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg","keywords":["Outils"],"articleSection":["Webdesign"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/","url":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/","name":"Web design : 10 logiciels de prototyping pour vos maquettes - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg","datePublished":"2019-09-27T08:30:02+00:00","dateModified":"2023-11-14T08:41:46+00:00","description":"Vous \u00eates en train de cr\u00e9er une maquette pour votre application web ou mobile et vous souhaitez mettre en forme tous vos fichiers Sketch, Photoshop ou","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-logiciel-prototyping-maquette-web-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Web design : 10 logiciels de prototyping pour vos maquettes"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/2675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=2675"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/2675\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/13490"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=2675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=2675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=2675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}