Figma pour le wireframing
Passez facilement au wireframing en toute fidélité
Visualisez vos idées dans des wireframes et partagez-les pour collaborer et assurer une cohérence des flux et des mises en page, ensemble.
![Représentation graphique d'une grande forme verte. Des composants de wireframe flottent tout autour.](https://cdn.sanity.io/images/599r6htc/regionalized/4da19de4d5fd57e7f88845c165e2cddcb41750e1-1080x1080.png?w=540&h=540&q=75&fit=max&auto=format)
Ces entreprises font confiance à Figma
Notez vos idées sur la page
Grâce à Figma, il est facile de présenter vos idées, quel que soit le degré de fidélité, de manière rapide et claire.
![Organigramme dans FigJam représentant une création de compte et un flux de connexion.](https://cdn.sanity.io/images/599r6htc/regionalized/4a9d0c05460ec45895ac5f029b9ca790a5c083d7-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Exposez vos idées au fil de vos pensées
Ébauchez vos idées de départ en esquissant des concepts et flux dans FigJam, sur votre bureau ou votre iPad.
![Deux curseurs de membres d'équipe collaborant sur des wireframes mobiles en noir et blanc.](https://cdn.sanity.io/images/599r6htc/regionalized/2779437410638c8c132a5270992951a848439b49-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Créez un wireframe avec des composants existants
Effectuez un simple glisser-déposer de composants existants de vos bibliothèques Figma pour créer facilement des wireframes.
![Cinq curseurs de membres d'équipe survolant des illustrations d'étoiles noires sur fond vert et curseur de tchat jaune déclarant « C'est super ! »](https://cdn.sanity.io/images/599r6htc/regionalized/4a1acc1cc68a7ecd5d305c93b7346dfee070f1f6-1560x1248.png?w=780&h=624&q=75&fit=max&auto=format)
Obtenez des retours en contexte de vos collaborateurs
La plateforme multiutilisateur de Figma permet une collaboration en temps réel pour des retours et des iterations plus rapides.
Explorez les fonctionnalités conçues pour le wireframing
Créez des wireframes pour explorer plus d'idées et de possibilités, plus rapidement.
![Recherchez « wireframe » dans la communauté de Figma.](https://cdn.sanity.io/images/599r6htc/regionalized/633697cc8ab0acbdfc94270aaa70569bbc8b8ed3-1080x865.png?rect=0,1,1080,864&w=540&h=432&q=75&fit=max&auto=format)
Évitez la page blanche
Accédez aux modèles et kits de wireframing préconçus par la communauté de Figma.
Soyez interactif
Exploitez la puissance des prototypes de Figma et donnez vie à vos wireframes sans effectuer de codage.
![iPad et stylet Apple. FigJam est affiché sur l'écran de l'iPad. On y voit des esquisses dessinées à la main et des images représentant un flux de connexion d'une application de musique.](https://cdn.sanity.io/images/599r6htc/regionalized/719497514567f3cda8d1612e9f1b974aaba0bf8c-1560x1248.png?w=540&h=432&q=75&fit=max&auto=format)
Esquissez vos idées avec FigJam pour iPad
Lancez FigJam sur votre iPad pour bénéficier d'un environnement sans distraction vous permettant d'esquisser des idées et d'organiser vos pensées, avant de les partager avec vos équipiers.
![Des curseurs interagissant sur un design mobile dans un fichier Figma, et un commentaire sélectionné confirmant l'alignement](https://cdn.sanity.io/images/599r6htc/regionalized/2056ff9447c622125b80831e0532d7706eb53b64-1560x1248.png?w=540&h=432&q=75&fit=max&auto=format)
Inviter des collaborateurs
Invitez des partenaires interfonctionnels et des parties prenantes pour collaborer sur des wireframes et des flux.
Avec Figma, les designs, les écrans et les flux sont accessibles à chaque équipe.
Thomas Vimare, Responsable design chez Free
![Représentation graphique d'une vidéo. En arrière-plan se trouvent des formes collées inspirées par FigJam et quelques dessins.](https://cdn.sanity.io/images/599r6htc/regionalized/6767308b517f5383b0e28456319ebf130076d3fb-721x720.png?rect=1,0,720,720&w=360&h=360&q=75&fit=max&auto=format)
Comment créer des wireframes dans FigJam
Découvrez comment configurer une bibliothèque de composants de wireframes et l'utiliser pour esquisser des idées dans FigJam.
![Représentation graphique des nombres 1, 2, 3.](https://cdn.sanity.io/images/599r6htc/regionalized/e8def7ac6232fef2a17419c7b462fe186da60226-721x720.png?rect=1,0,720,720&w=360&h=360&q=75&fit=max&auto=format)
Les bases du wireframing
Découvrez quand il faut créer un wireframe dans Figma, en quoi cela consiste et comment cela peut vous aider à communiquer vos idées.
![Représentation graphique de plusieurs wireframes et curseurs sur un fond bleu.](https://cdn.sanity.io/images/599r6htc/regionalized/6077d4a32d936787ad48489527a904bc03b6daca-721x720.png?rect=1,0,720,720&w=360&h=360&q=75&fit=max&auto=format)
Obtenez des kits de wireframing
Validez vos idées et accélérez le flux de travail de design de votre site Web grâce à notre kit de wireframing basé sur les composants.