{"id":49373,"date":"2023-04-04T08:30:00","date_gmt":"2023-04-04T06:30:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=49373"},"modified":"2023-11-14T09:47:01","modified_gmt":"2023-11-14T08:47:01","slug":"outil-maquettage","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/outil-maquettage\/","title":{"rendered":"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne"},"content":{"rendered":"\n

Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est d\u2019aider le graphiste \u00e0 visualiser l\u2019interface que vous voulez retrouver sur votre projet.<\/p>\n\n\n\n

D\u2019ailleurs, pour donner vie \u00e0 votre maquette, pensez \u00e0 faire appel \u00e0 un graphiste freelance sp\u00e9cialiste de Figma<\/a> sur notre plateforme.<\/p>\n\n\n\n

Pour cr\u00e9er un wireframe professionnel, nous vous invitons \u00e0 d\u00e9couvrir 10 outils de maquettage performants et gratuits !<\/p>\n\n\n\n

Les outils de cet article ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s par notre \u00e9quipe et ne sont pas sponsoris\u00e9s. D\u00e9couvrez comment sponsoriser votre outil<\/a>.<\/p><\/blockquote>

S\u00e9lection de 10 outils gratuits et freemiums de maquettage en ligne<\/h2>\n\n\n\n

La r\u00e9alisation d’une maquette de son futur site Web ou de sa prochaine application, avant son d\u00e9veloppement, aide \u00e0 visualiser concr\u00e8tement l’interface. <\/p>\n\n\n\n

Cela permet d’\u00e9viter des erreurs de conception en d\u00e9tectant rapidement les probl\u00e8mes d’ergonomie. Vous pouvez les corriger avant d\u2019entamer le d\u00e9veloppement, ce qui vous fait \u00e9conomiser du temps et de l\u2019argent.<\/p>\n\n\n\n

Par ailleurs, le prototypage est n\u00e9cessaire pour valider la conception avec les parties prenantes du projet. Lorsque vous confiez la cr\u00e9ation de votre page, site ou application au d\u00e9veloppeur, vous \u00eates s\u00fbr d\u2019obtenir un produit conforme \u00e0 vos attentes.<\/p>\n\n\n\n

C\u2019est parti ! D\u00e9couvrons ensemble notre top 10 des outils de maquettage les plus performants du march\u00e9.<\/p>\n\n\n\n

Pencil : un outil gratuit en ligne pour cr\u00e9er des maquettes<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Logiciel open-source, Pencil<\/a> s\u2019adresse aussi bien aux d\u00e9butants qu\u2019aux professionnels. <\/p>\n\n\n\n

Disponible sur Windows et Mac, cet outil de maquettage permet la conception d\u2019un prototype d\u2019un site ou d\u2019une page Web, d\u2019une application mobile ou de tout autre projet. Vous pouvez m\u00eame l\u2019utiliser pour \u00e9laborer des maps, des diagrammes ou des sch\u00e9mas.<\/p>\n\n\n\n

Gr\u00e2ce \u00e0 sa biblioth\u00e8que de formes, d\u2019objets et d\u2019\u00e9l\u00e9ments personnalisables, vous pouvez tester diff\u00e9rentes mises en page et choisir celle qui correspond le plus \u00e0 vos attentes et \u00e0 vos objectifs.<\/p>\n\n\n\n

\n

\u00c9tant open-source, l\u2019outil de maquettage Pencil est 100% gratuit.<\/p>\n<\/blockquote>\n\n\n\n

Origami : un outil de maquettage en ligne gratuit<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Totalement gratuit, Origami<\/a> est compatible avec les syst\u00e8mes Windows et Mac. Ce logiciel \u00e0 l\u2019interface professionnelle est une aide pr\u00e9cieuse \u00e0 la cr\u00e9ation de prototype ou wireframe pour vos projets Web. Inutile de savoir coder pour construire une maquette dynamique de votre site ou application.<\/p>\n\n\n\n

Par ailleurs, si vous avez besoin d\u2019inspiration ou de gagner du temps, Origami dispose d\u2019un vaste choix de templates, animations, objets ou composants. Comme il s\u2019int\u00e8gre aussi \u00e0 Sketch, un outil de conception d\u2019interface graphique, les possibilit\u00e9s cr\u00e9atives sont presque illimit\u00e9es !<\/p>\n\n\n\n

\n

L’outil est totalement gratuit et t\u00e9l\u00e9chargable depuis leur site internet. <\/p>\n<\/blockquote>\n\n\n\n

MockFlow : un tr\u00e8s bon outil freemium pour cr\u00e9er des maquettes en ligne gratuites<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Vous avez besoin de collaborer avec une \u00e9quipe ou des graphistes freelances sur votre maquette ? MockFlow<\/a> s\u2019av\u00e8re \u00eatre un excellent choix pour travailler \u00e0 plusieurs sur un projet. <\/p>\n\n\n\n

Adapt\u00e9 au d\u00e9butant, sa prise en main est rapide pour vous permettre de donner vie \u00e0 votre projet en quelques clics. Si vous souhaitez ajouter des \u00e9l\u00e9ments interactifs ou des composants anim\u00e9s, c\u2019est possible !<\/p>\n\n\n\n

Autre point fort de MockFlow : sa synchronisation avec vos autres applications, comme Slack, Trello, Office 365 ou encore Microsoft Teams. Pratique pour \u00e9changer sur les \u00e9ventuelles corrections ou optimisations \u00e0 effectuer.<\/p>\n\n\n\n

\n

Ce logiciel de prototypage propose une formule gratuite limit\u00e9e \u00e0 un projet et 10 fichiers. Les autres forfaits vont de 14$ \u00e0 160$ par utilisateur et par mois.<\/p>\n<\/blockquote>\n\n\n\n

Wireframe.cc : cr\u00e9er des maquettes en ligne avec cet outil freemium<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Wireframe.cc<\/a> est s\u00fbrement l\u2019un des outils de wireframe les plus simples du march\u00e9 ! Ici, pas de chichi, l\u2019interface laisse directement place \u00e0 la conception. Aucune distraction n\u2019est permise, vous plongez directement dans la cr\u00e9ation de votre maquette.<\/p>\n\n\n\n

Vous aurez le choix entre d\u00e9marrer de z\u00e9ro ou puiser dans des mod\u00e8les adaptatifs. Les templates disponibles couvrent aussi bien les applications mobiles que les sites Internet, e-commerces ou projets interactifs.<\/p>\n\n\n\n

\n

Bas\u00e9 sur un mod\u00e8le freemium, Wireframe.cc propose un plan gratuit, limit\u00e9 en termes de pages et d\u2019options d\u2019exportation. Pour lever ces limites, comptez 16$ par mois. Pour b\u00e9n\u00e9ficier de plusieurs utilisateurs, l\u2019offre est \u00e0 99$ par mois.<\/p>\n<\/blockquote>\n\n\n\n

LucidChart : outil de maquettage freemium<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Comme son nom l\u2019indique, LucidChart<\/a> est l\u2019outil parfait pour mettre en forme des diagrammes, cartes mentales, organigrammes, frises chronologiques\u2026 La plateforme vous aide \u00e0 \u00e9laborer le plan de votre projet, \u00e0 mettre en ordre vos id\u00e9es et \u00e0 esquisser les pr\u00e9mices de vos landing pages, applications ou sites Web.<\/p>\n\n\n\n

Avec ses fonctions collaboratives, LucidChart fluidifie le travail en \u00e9quipe, m\u00eame avec vos graphistes externalis\u00e9s. Par ailleurs, il se connecte \u00e0 vos autres outils de productivit\u00e9 comme Slack, la suite Office 365, Google Drive, Salesforce ou encore Atlassian.<\/p>\n\n\n\n

\n

Niveau prix, LucidChart offre une version gratuite qui inclut 3 documents \u00e9ditables, 100 templates et 60 composants par wireframe. Pour lever ces limites, optez pour le forfait Individual \u00e0 8\u20ac par mois et pour avoir les options de collaboration, s\u00e9lectionnez l\u2019offre Team \u00e0 9\u20ac par mois et par utilisateur.<\/p>\n<\/blockquote>\n\n\n\n

MarvelApp : cr\u00e9ation de maquettes et prototypes freemium<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Super outil pour cr\u00e9er, tester et optimiser les maquettes, Marvel<\/a> est sp\u00e9cialis\u00e9 en design interactif. Si vous avez besoin d\u2019interconnecter d\u2019autres outils, comme Dropbox, Microsoft Teams, Sketch ou encore YouTube, afin de g\u00e9n\u00e9rer des workflows automatis\u00e9s, c\u2019est la plateforme qu\u2019il vous faut.<\/p>\n\n\n\n

Adopt\u00e9 par de grandes entreprises comme Stripe, BuzzFeed ou encore BlaBlaCar, Marvel vous aide \u00e0 construire de puissants wireframes, prototypes et maquettes directement depuis votre navigateur.<\/p>\n\n\n\n

\n

C\u00f4t\u00e9 tarif, l\u2019application dispose d\u2019une offre gratuite limit\u00e9e \u00e0 un utilisateur et un projet. Pour combler des besoins de plus grande ampleur, choisissez entre le forfait Pro \u00e0 9\u20ac par mois et la formule Team \u00e0 27\u20ac par mois.<\/p>\n<\/blockquote>\n\n\n\n

Whimsical : outil freemium pour cr\u00e9er des maquettes<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Avec Whimsical<\/a>, vous \u00e9laborez facilement des wireframes, maquettes de projets diversifi\u00e9s, pr\u00e9sentations professionnelles et mind maps. <\/p>\n\n\n\n

Gr\u00e2ce \u00e0 sa biblioth\u00e8que de templates pr\u00e9d\u00e9finis, vous gagnez un temps pr\u00e9cieux sur l\u2019\u00e9laboration de vos prototypes ou documents. N\u00e9anmoins, si vous souhaitez partir d\u2019une page blanche, c\u2019est possible aussi !<\/p>\n\n\n\n

Whimsical propose aussi un vaste choix de boutons, checkboxes et autres \u00e9l\u00e9ments configurables pour formaliser vos maquettes. Vous trouverez forc\u00e9ment les composants essentiels pour mat\u00e9rialiser visuellement votre projet.<\/p>\n\n\n\n

\n

Cet outil de maquettage propose un acc\u00e8s gratuit avec une biblioth\u00e8que d\u2019\u00e9l\u00e9ments restreinte. Si vous voulez d\u00e9bloquer tous les composants, choisissez la formule \u00e0 10$ par utilisateur et par mois. Pour ajouter des fonctions collaboratives, optez pour le forfait \u00e0 20$ par utilisateur et par mois.<\/p>\n<\/blockquote>\n\n\n\n

Mockplus : un outil de maquettage en ligne qui dispose d’une version gratuite<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Mockplus<\/a>, c\u2019est une biblioth\u00e8que de plus de 3 000 mod\u00e8les, composants, objets et ic\u00f4nes, pour r\u00e9aliser des maquettes de grande qualit\u00e9 ! <\/p>\n\n\n\n

Toujours \u00e0 la pointe de la modernit\u00e9, l\u2019outil permet d\u2019\u00e9laborer des wireframes r\u00e9pondant aux tendances graphiques du moment. Ce n\u2019est pas un hasard si de grands groupes comme Oracle, Siemens, Samsung ou encore IBM, utilisent Mockplus.<\/p>\n\n\n\n

Dot\u00e9e de fonctionnalit\u00e9s collaboratives, la plateforme favorise la cr\u00e9ation de prototypes interactifs, tout en facilitant l\u2019\u00e9volutivit\u00e9 des projets. Des options indispensables pour travailler en \u00e9quipe sur l\u2019am\u00e9lioration de vos wireframes.<\/p>\n\n\n\n

\n

Mockplus propose une offre gratuite, limit\u00e9e \u00e0 10 projets et 10 utilisateurs, ainsi qu\u2019une formule \u00e0 4.95$ par mois et par utilisateur pour lever toutes les restrictions.<\/p>\n<\/blockquote>\n\n\n\n

Moqups : un autre outil de maquettage freemium<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\u00ab Donnez forme \u00e0 vos id\u00e9es. Prouvez votre concept. \u00bb, voil\u00e0 la proposition de valeur de Moqups<\/a>. L\u2019outil 100% en ligne dispose d\u2019une interface simplifi\u00e9e, fonctionnant sur le principe de glisser-d\u00e9poser. <\/p>\n\n\n\n

Sa large biblioth\u00e8que de mod\u00e8les et d\u2019\u00e9l\u00e9ments personnalisables vous aide \u00e0 trouver l\u2019inspiration pour cr\u00e9er la meilleure exp\u00e9rience utilisateur sur votre futur site Web, application mobile ou e-commerce.<\/p>\n\n\n\n

Sa force r\u00e9side aussi dans ses fonctions collaboratives qui permettent de partager votre travail avec votre \u00e9quipe, vos clients ou vos graphistes externalis\u00e9s.<\/p>\n\n\n\n

\n

C\u00f4t\u00e9 prix, Moqups dispose d\u2019un forfait gratuit limit\u00e9 \u00e0 2 projets, 400 composants et 25MB de stockage. Pour des projets et une biblioth\u00e8que illimit\u00e9s, passez sur un abonnement \u00e0 12\u20ac par mois. Et si vous avez besoin de fonctionnalit\u00e9s collaboratives, l\u2019offre Team \u00e0 23\u20ac par mois est id\u00e9ale.<\/p>\n<\/blockquote>\n\n\n\n

Figma : l’outil de r\u00e9f\u00e9rence pour cr\u00e9er des maquettes en ligne<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

H\u00e9berg\u00e9 dans le cloud, Figma<\/a> fait certainement partie des meilleurs outils de wireframe du march\u00e9 ! <\/p>\n\n\n\n

Tr\u00e8s puissante, son interface \u00e9pur\u00e9e de type glisser-d\u00e9poser convient aux d\u00e9butants qui veulent cr\u00e9er une maquette de leur site Web ou de leur application tr\u00e8s simplement. <\/p>\n\n\n\n

Les professionnels du graphisme appr\u00e9cient aussi ses fonctionnalit\u00e9s avanc\u00e9es et intelligentes, qui permettent la cr\u00e9ation de prototypes interactifs, mais aussi de d\u00e9clencher une mise en page automatique d\u00e9di\u00e9e \u00e0 l\u2019atteinte de vos objectifs.<\/p>\n\n\n\n

\n

Figma propose une formule gratuite, limit\u00e9e \u00e0 3 projets. Pour cr\u00e9er des fichiers illimit\u00e9s, b\u00e9n\u00e9ficier de fonctions collaboratives et de toutes les options de prototypage, vous aurez le choix entre 3 formules professionnelles allant de 12\u20ac \u00e0 70\u20ac par utilisateur et par mois.<\/p>\n<\/blockquote>\n\n\n\n

Pourquoi utiliser un outil de maquettage gratuit ?<\/h2>\n\n\n\n

Si vous avez un budget restreint, la conception de votre prototype sur un outil de maquettage gratuit est recommand\u00e9e. Vous \u00e9vitez les frais inh\u00e9rents \u00e0 un abonnement\u2026 D\u2019autant qu\u2019il n\u2019est pas n\u00e9cessaire de disposer de toutes les fonctionnalit\u00e9s d\u2019un tel outil si vos besoins sont basiques.<\/p>\n\n\n\n

Alors, si votre projet concerne une interface unique, que vous avez pr\u00e9vu un design \u00e9pur\u00e9 avec peu d\u2019\u00e9l\u00e9ments interactifs, l\u2019utilisation d\u2019un logiciel gratuit est suffisante.<\/p>\n\n\n\n

De m\u00eame si vous d\u00e9butez et que l\u2019essentiel du graphisme sera r\u00e9alis\u00e9 par un professionnel\u2026 Tant que vous avez la possibilit\u00e9 d\u2019indiquer les emplacements phares, de mat\u00e9rialiser les boutons ou les formes et de renseigner les couleurs, vous aurez le n\u00e9cessaire pour d\u00e9marrer la cr\u00e9ation de votre application ou site Web.<\/p>\n\n\n\n

Enfin, les versions gratuites sont souvent limit\u00e9es \u00e0 3 projets maximum. Or, si vous avez moins de 3 maquettes \u00e0 cr\u00e9er, ces formules vous conviendront.<\/p>\n\n\n\n

Quels sont les avantages des versions payantes ?<\/h2>\n\n\n\n

Pourquoi privil\u00e9gier une version payante lors du choix d\u2019un outil de maquettage ? La raison principale est de lever toute restriction en termes de cr\u00e9ativit\u00e9. <\/p>\n\n\n\n

Bien souvent, les abonnements gratuits n\u2019autorisent qu\u2019un nombre limit\u00e9 de projets et ne vous donnent pas acc\u00e8s \u00e0 l\u2019ensemble de la biblioth\u00e8que de composants. <\/p>\n\n\n\n

Vous risquez de ne pas pouvoir r\u00e9aliser une maquette 100% fid\u00e8le \u00e0 vos attentes. Or, pour qu\u2019un graphiste puisse travailler correctement sur votre projet, il a besoin de visualiser un prototype complet.<\/p>\n\n\n\n

Par ailleurs, les versions payantes disposent de fonctionnalit\u00e9s collaboratives. C\u2019est indispensable si vous devez \u00e9changer avec une \u00e9quipe et\/ou des prestataires personnalis\u00e9es. <\/p>\n\n\n\n

Vous \u00e9vitez les allers-retours par email pour privil\u00e9gier un travail commun sur une m\u00eame interface. La conception du wireframe devient plus fluide\u2026 et plus rapide !<\/p>\n\n\n\n

Notre astuce pour cr\u00e9er une maquette en ligne<\/h2>\n\n\n\n

Lorsque vous pensez au design de votre projet, r\u00e9fl\u00e9chissez toujours \u00e0 l\u2019exp\u00e9rience utilisateur ! Ces derniers doivent pouvoir naviguer facilement sur votre page, site ou application, et trouver rapidement les informations dont ils ont besoin.<\/p>\n\n\n\n

Pour r\u00e9aliser votre maquette, puis donner vie \u00e0 votre projet, pensez \u00e0 faire appel \u00e0 un graphiste freelance<\/a> sur notre plateforme Graphiste.com.<\/p>\n","protected":false},"excerpt":{"rendered":"

Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est d\u2019aider le graphiste \u00e0 visualiser l\u2019interface que vous voulez retrouver sur votre projet. D\u2019ailleurs, pour donner vie \u00e0 votre maquette, pensez \u00e0 faire appel \u00e0 un graphiste freelance sp\u00e9cialiste de Figma […]<\/p>\n","protected":false},"author":1,"featured_media":49374,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-49373","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"\n10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est\" \/>\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\/outil-maquettage\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/outil-maquettage\/\" \/>\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=\"2023-04-04T06:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-14T08:47:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1545\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne\",\"datePublished\":\"2023-04-04T06:30:00+00:00\",\"dateModified\":\"2023-11-14T08:47:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/\"},\"wordCount\":1940,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/\",\"url\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/\",\"name\":\"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg\",\"datePublished\":\"2023-04-04T06:30:00+00:00\",\"dateModified\":\"2023-11-14T08:47:01+00:00\",\"description\":\"Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/outil-maquettage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg\",\"width\":2560,\"height\":1545,\"caption\":\"outil-maquettage\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/outil-maquettage\/#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\":\"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne\"}]},{\"@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":"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne - Graphiste Blog","description":"Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est","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\/outil-maquettage\/","og_locale":"fr_FR","og_type":"article","og_title":"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne - Graphiste Blog","og_description":"Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est","og_url":"https:\/\/graphiste.com\/blog\/outil-maquettage\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2023-04-04T06:30:00+00:00","article_modified_time":"2023-11-14T08:47:01+00:00","og_image":[{"width":2560,"height":1545,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.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":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne","datePublished":"2023-04-04T06:30:00+00:00","dateModified":"2023-11-14T08:47:01+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/"},"wordCount":1940,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/","url":"https:\/\/graphiste.com\/blog\/outil-maquettage\/","name":"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg","datePublished":"2023-04-04T06:30:00+00:00","dateModified":"2023-11-14T08:47:01+00:00","description":"Avant de d\u00e9l\u00e9guer la cr\u00e9ation d\u2019un site Web, d\u2019une landing page ou d\u2019une application mobile, vous aurez besoin de cr\u00e9er un prototype. L\u2019objectif est","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/outil-maquettage\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2023\/03\/outil-maquettage-scaled.jpg","width":2560,"height":1545,"caption":"outil-maquettage"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/outil-maquettage\/#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":"10 outils de maquettage gratuits pour cr\u00e9er une maquette en ligne"}]},{"@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\/49373","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=49373"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/49373\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/49374"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=49373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=49373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=49373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}