Qu’est-ce qu’une illustration en flat design ?
Irene Lidia Wang
9 novembre 2026 · 11 min de lecture
Sur la capture d’écran, un tableau de bord déjà bien chargé. Juste à côté, l’illustration de la section hero empile reflets brillants, visage peint et ciel en dégradé, du bleu au pêche. L’interface est sobre ; l’image, pas du tout. Ça vous rappelle quelque chose ?
J’ai déjà retiré ce genre d’image d’une landing page : elle écrasait l’interface. Peaufiner le prompt n’y changeait rien, c’était le style qui clochait.
Une illustration en flat design, c’est un dessin fait de formes simples et d’aplats de couleur : peu d’ombres, presque pas de dégradés, aucune fausse profondeur. On parle bien de l’image, pas de l’interface autour. Quand cette image doit cohabiter avec une vraie interface, j’ouvre le générateur d’illustrations flat design, je choisis le style Flat design et je ne décris que le sujet.
À quoi ressemble une illustration en flat design
Commencez par les aplats. Chaque forme a sa couleur, une seule : la chemise est bleu marine, la tasse terracotta. Le fond reste un simple aplat blanc ou crème, pour que le titre d’à côté ait de la place.
Les personnages n’ont pas de visage. Un rond pour la tête, un bloc pour le buste, et on comprend quand même « quelqu’un devant son ordinateur ». C’est voulu : un visage détaillé capte le regard, alors que ce regard devrait aller à la capture d’écran.
Gardez une palette courte : deux ou trois couleurs que le produit utilise déjà, plus un neutre. Une teinte ajoutée au hasard, et l’image a l’air plaquée sur la page. Je donne la même règle dans les styles d’illustration qui marchent sur une landing page : l’image sert le produit, elle ne lui vole pas la vedette.
Les contours doivent être nets : on doit pouvoir montrer une forme du doigt et dire sa couleur. Si la lumière enveloppe une joue, ou si un dégradé fait office d’ombre, ce n’est plus du flat design. C’est un rendu, et un rendu jure avec une interface épurée.
Illustration en flat design et flat design d’interface : ne pas confondre
On les tape souvent dans la même recherche, d’autant que le français dit « flat design » dans les deux cas. Elles ne font pourtant pas le même travail.
Le flat design est une manière de concevoir une interface. Il s’est imposé après Metro, le langage visuel lancé par Microsoft sur Windows Phone 7 en 2010, puis repris dans Windows 8, sorti en octobre 2012. Apple l’a adopté sur sa propre page d’accueil vers 2013.
L’article de Nielsen Norman Group sur les interfaces plates et les éléments cliquables, je l’envoie encore à mes collègues en guise d’avertissement : quand chaque bouton n’est qu’un rectangle plat, on ne sait plus sur quoi cliquer. Le « flat 2.0 » qui a suivi, avec notamment l’élévation de Material Design, remet une légère ombre sous les boutons et les panneaux pour que l’écran reste lisible.
Sur cet écran, une illustration en flat design peut rester plus simple que les boutons. Le bouton a parfois besoin d’une ombre pour qu’on ait envie de cliquer dessus ; l’image de la section hero, non. Donnez-lui les mêmes ombres, et vous aurez deux couches qui se disputent l’attention.
Le flat design construit l’écran. L’illustration en flat design, c’est l’image que vous posez dessus.
Le flat design face au line art, à la 3D et à l’album jeunesse
Illustro propose quatre styles. Je choisis le flat design dès que le fichier doit s’intégrer à la mise en page d’un produit tout en s’exportant en SVG. Les trois autres ne sont pas « du flat design en plus abouti » : ce sont d’autres images, tout simplement.
| Style | Ce que vous obtenez | Pour quel usage |
|---|---|---|
| Flat design | Des aplats, peu d’ombres, un SVG modifiable | Interfaces, états vides, sections de landing page |
| Line art | Des traits nets, en Couleur ou en Noir et blanc | Icônes, schémas, un dessin plutôt qu’une scène en aplats |
| Illustration 3D | Une figurine façon pâte à modeler, en image matricielle (bitmap) uniquement, sans SVG | Une mascotte qui doit ressembler à un objet |
| Album jeunesse | Des couleurs douces façon gouache, en image matricielle uniquement | Albums illustrés et histoires pour enfants |
Le line art reste vectoriel, l’outil Couleurs y fonctionne donc, mais on y voit un dessin à l’encre plutôt que des aplats. Je passe au générateur de line art quand la mise en page réclame un schéma plutôt qu’une scène.
Le style Illustration 3D est mat, arrondi, éclairé comme un petit objet photographié en studio. Il ne s’exporte pas en SVG, et ce n’est pas un fichier Blender. Si le flat design fait un peu maigre à côté d’un produit ludique, lisez l’article sur les personnages 3D sans Blender plutôt que de forcer les aplats à faire ce qu’ils font mal.
Le style Album jeunesse est chaleureux, et c’est voulu. Une histoire pour enfants en a besoin ; un écran de réglages, beaucoup moins. Gardez les illustrations d’album jeunesse pour les histoires. Ce style est lui aussi matriciel : impossible d’en changer les couleurs tracé par tracé comme en flat design.
Là où une illustration en flat design a sa place
États vides, onboarding, rangée de fonctionnalités sous un titre, diapo qui doit rappeler le site : partout, l’explication vient du texte et de la capture d’écran. L’image se contente de rendre la situation reconnaissable : une personne, un ordinateur portable, une plante, une boîte de réception vide.
Une section hero en pleine largeur a besoin d’air : une image qui occupe chaque recoin ne laisse plus de place au titre. Demandez un seul sujet sur fond uni, puis vérifiez le recadrage sur mobile avant de valider la version desktop.
Garder le même personnage tout au long d’un parcours, c’est une autre histoire : régénérer ne suffira pas à le fixer. Passez par un pack d’illustrations.
Vous écrivez un thème et décrivez le personnage, vous préparez les scènes avec Planifier le pack (la planification est gratuite), puis vous cliquez sur Valider le personnage. La planche de personnage coûte 3 crédits, et vous la validez avant de lancer la moindre scène. Chaque scène coûte ensuite 3 crédits, car les packs tournent en Illustro MAX. Un pack de 4 scènes revient donc à 15 crédits.
Attendez-vous à un personnage « plus cohérent », pas à un clone parfait au pixel près.
Quand je laisse ce style de côté
Quand tout l’humour passe par le visage. En Flat design, les personnages n’ont ni yeux ni bouche. Si c’est l’expression qui porte l’idée, ce n’est pas le bon style.
Pour un album illustré. Tout son charme vient de la douceur, et de toute façon vous n’aurez pas de SVG.
Quand la mascotte doit ressembler à un jouet posé sur une table. C’est le rôle du style Illustration 3D, exporté en PNG ou en JPEG.
Pour un logo. De petites formes en flat design restent lisibles, mais Illustro n’est pas un outil de création de logos. Un logo destiné à être imprimé sur mille objets mérite toujours un designer.
Quand la marque a déjà son propre univers d’illustration, qu’aucun prompt ne saurait reproduire. Le flat design vous donne une première version à mettre en ligne dans la semaine ; il ne remplace pas une direction artistique pour le visuel phare d’une campagne.
Comment rédiger le prompt d’une illustration en flat design aux couleurs modifiables
Voici le prompt que j’utilise vraiment, avant de le retoucher :
« Une personne devant un ordinateur portable, vue de profil, formes géométriques simples, chemise bleu marine, tasse terracotta, fond crème, pas de traits du visage, pas de dégradé »
Indiquez le sujet, la pose et deux ou trois couleurs. Oubliez « cinématique », « 8k » et « éclairage dramatique » : ces mots appellent justement la profondeur que vous cherchez à éviter.
Dès qu’un prompt évoque un objectif photo, adieu le flat design. « Femme dans un bureau ensoleillé, ambiance cinéma, visage détaillé, bokeh doux » appelle une photographie. La version flat design parle de formes et de couleurs, et précise : ni visage ni dégradé.
Si le premier résultat a encore l’air d’un rendu, régénérez en Illustro Light avant de dépenser un crédit MAX pour une scène qui ne vous convient pas. Pour créer un fichier SVG aux couleurs modifiables, le principe est le même : demandez un graphisme, pas une photo.
Passez ensuite aux réglages.
- Dans Style d’illustration, choisissez Flat design.
- Restez en Illustro Light (1 crédit) tant que vous cherchez la pose. Passez en Illustro MAX (2 crédits) dès que la scène est celle que vous publierez. L’éditeur s’ouvre en Light : vérifiez le mode avant de cliquer sur Générer.
- Choisissez un Format : Carré (1024×1024), Vertical (1024×1536) ou Horizontal (1536×1024). Carré pour une vignette dans l’interface, Horizontal pour une section hero. Pas de taille personnalisée en pixels.
- Si la pose est bonne mais que le jaune ne va pas, ouvrez Couleurs. Changer les couleurs est gratuit : remplacez une couleur partout où elle apparaît, ou cliquez sur une forme pour ne changer qu’elle.
- Pour ajouter un objet ou un sourire, passez par Modifier avec l’IA (3 crédits) : Couleurs ne dessine rien de nouveau.
- Le téléchargement en PNG ou en JPEG est gratuit. Exporter en SVG coûte 1 crédit pour une image que vous avez générée. Placez ensuite le fichier dans Figma avec le plugin Illustro AI pour Figma, ou téléchargez-le et déposez-le vous-même sur le canevas.
Vous avez déjà une photo dans la bonne pose ? Transformez-la en illustration. L’outil ne produit que du flat design, pour 3 crédits ; vous en changez ensuite les couleurs comme pour n’importe quelle autre illustration.
Questions fréquentes
Que veut dire « flat » en illustration ?
« Flat » veut dire « plat » : l’image ne simule pas la profondeur. Les formes tiennent sur un seul plan, les couleurs restent en aplats, les ombres sont minimes, voire absentes. Dans la mise en page d’un produit, c’est ce qui empêche l’illustration de concurrencer les boutons, le texte et les captures d’écran. Dès qu’on sent d’où vient la lumière sur une joue, on est sorti du flat design.
À quoi sert une illustration en flat design ?
On l’utilise dans les sections d’un site web, l’onboarding d’une appli, les états vides et les présentations : partout où une scène simple doit s’accorder avec une interface. Les équipes la choisissent quand la capture d’écran tient le premier rôle et que l’image n’a qu’à montrer une personne, un objet ou une boîte de réception vide. Exportez en SVG si le fichier doit changer de taille, et gardez une palette courte pour pouvoir reprendre les couleurs du produit.
Une illustration en flat design, est-ce la même chose que le flat design ?
Non. Le flat design est un style d’interface. Metro est apparu sur Windows Phone 7 en 2010, Windows 8 l’a amené sur les ordinateurs en octobre 2012, et les interfaces des produits numériques ont suivi.
L’illustration en flat design, c’est l’image que vous placez dans cette interface. Le bouton peut garder une petite ombre pour qu’on voie qu’il se clique ; l’image, elle, peut rester plus plate que le bouton.
Les illustrations en flat design sont-elles des fichiers vectoriels ?
Dans Illustro, le style Flat design donne un SVG dont vous pouvez changer les couleurs. Télécharger ce SVG coûte 1 crédit ; le PNG et le JPEG sont gratuits.
Couleurs sert à remplacer une couleur ou à supprimer une forme, pas à dessiner un nouvel élément comme avec l’outil Plume. Les styles Album jeunesse et Illustration 3D restent des images matricielles : ils ne sont pas concernés.
Comment appelle-t-on un dessin en aplats de couleur ?
On parle aussi d’illustration vectorielle en flat design, d’illustration flat design ou de « flat illustration », en anglais. Pour moi, le flat design, ce sont des aplats presque sans ombres. Si l’image tient surtout dans ses contours, c’est du line art. Si elle ressemble à un jouet en pâte à modeler, c’est le style Illustration 3D.
Puis-je utiliser une illustration en flat design à des fins commerciales ?
Oui, dès que vous achetez des crédits : tout pack de crédits en achat unique ouvre droit à l’usage commercial, dans le respect des conditions d’utilisation. Tant que vous n’avez rien acheté, ce que vous créez avec les crédits offerts à l’inscription est réservé à un usage personnel. Votre premier achat couvre aussi ces créations. N’utilisez pas ces fichiers pour entraîner ou évaluer un autre système d’IA.
La page Tarifs d’Illustro détaille les droits d’utilisation commerciale inclus dans les packs de crédits en achat unique. Pour une campagne qui exige un univers de marque sur mesure, il faudra peut-être encore un illustrateur après ce premier jet.
