C'est quoi figma ? [Guide complet 2024]

Prérequis pour utiliser Figma

C'est quoi Figma ? Quels sont les prérequis à son utilisation ?

• Un ordinateur
• Du temps pour maitriser l’outil
• Une connexion internet

‍

Qui utilise Figma ?

Figma est utilisé par les concepteurs, les développeurs et les chefs de produit. Le logiciel a été utilisé pour créer des icônes pour de grandes marques comme Apple, Google et Facebook.

C'est également un outil populaire pour les équipes de marketing, car il peut être utilisé pour construire rapidement des maquettes ou des prototypes de mise en page en utilisant des données réelles provenant des systèmes dorsaux que vous utilisez dans votre entreprise.

Que faire avec Figma ?

C'est quoi Figma concrètement ? Que permet-il de faire?

Si je devais énumérer tout ce qui est possible de faire avec Figma, j'y passerai la nuit ! Dans cet article, je suis allée à l'essentiel mais vous trouverez davantage de réponses dans mon ebook gratuit.

‍

Concevoir des designs d’application

‍

Avec Figma, vous pouvez réaliser des applications web et mobiles. Que vous soyez designer ou non, vous pourrez facilement mener à bien vos projets sur l'outil de collaboration graphique.

‍

Design system

Figma a été conçu pour les designers et développeurs souhaitant ajouter une flèche à leur arc.
Figma vous permet de créer ce qu’on appelle un design-system. En d’autres mots, vous pouvez réunir sur une même page, tous les éléments nécessaires à la construction de votre projet visuel, détailler votre branding.

Vous pouvez créer votre palette de couleur…

les polices que vous souhaitez utiliser dans votre design…

….Mais aussi vos icônes etc…
Et les réunir au même endroit pour les partager avec d’autres designers. En gros, Figma vous permet de construire votre propre charte graphique !

‍

Création de logos et de cartes de visites

Le meilleur format pour créer son logo est le format SVG. Sur Figma, vous pourrez créer vos logos, cartes de visites et même vos flyers ! C’est idéal si vous avez un projet et que vous souhaitez réaliser toute cette partie tout(e) seul(e) !

Collaborer en équipe

L’un des avantages du logiciel est qu’il a été conçu pour le travail en équipe. Figma est un outil collaboratif qui vous permet de travailler à distance avec les membres de votre équipe.

Vous pouvez en quelques clics partager votre design ou votre projet avec les personnes de votre choix.

Tout en restant administrateur, vous pouvez donner des droits de consultation, ou d’édition pour vos travaux. Finis les V1, V2, V30 !Vos invités pourront même laisser des commentaires sur le design. N’est-ce pas merveilleux ?

Avec Figjam, vous avez même la possibilité de transformer votre espace de travail en véritable mind map digitale ! Le brainstorming d’équipe se fait par écran interposé.

‍

‍

Prototyper des applications

‍

La partie préférée de tout web designer est sans nul doute, de présenter son travail fini. Avec Figma, vous pouvez animer votre design. Les personnes à qui vous présenterez vos travaux n’auront aucune idée de si c’est une réelle application, codée ou si c’est simplement un design animé. 

Cela simplifie grandement la tache aux développeurs qui auront une vision parfaite du travail qui les attend. 

Voici un exemple tiré de l’exercice de clonage de Tiktok que nous réalisons au cours de la formation Figma.

‍

Maintenant que nous avons répondu à la question "c'est quoi Figma ?", parlons de la partie tarification.

‍

‍

Prix

C'est quoi Figma et quels sont ses tarifs ?

3 plans sont proposés :

Vous vous demandez peut-être quelle différence il y a entre les prix des offres Figma ?

Plan Starter

Figma est un outil freemium. Cela veut dire que c’est gratuit jusqu’à une certaine limite. Vous pouvez utiliser Figma et profiter de toutes ses fonctionnalités de façon réduite, si vous êtes seul(e).

Vous pourrez :

• Créer un nombre illimité de projets, de design.
• Compter un nombre illimité d’observateurs  (personnes que vous invitez à regarder votre design) et de commentaires
• 1 projet d’équipe et des éditeurs illimités sur 3 fichiers d'équipe
• Figma enregistre vos modifications durant 30 jours. Cela veut dire que vous pourrez récupérer vos travaux si jamais vous souhaitez revenir en arrière.
• Un accès illimité au cloud

Plan Professional

Cette offre est conçue pour les (très) petites équipes. Elle vous permet de collaborer à plusieurs sur un même projet. C’est pourquoi, le prix est donné par éditeur/utilisateur. Vous paierez 12 dollars par mois en choisissant ce plan.

Vous aurez un accès aux librairies d’équipes partagées. A quoi ça sert ?

Et bien, grâce à cela, vous pourrez partager des choses comme des icônes, des couleurs qui seront utilisées pour plusieurs pages de vos travaux.

Finis les 30 jours de sauvegarde ! Vous avez accès à toute l’historique de vos designs. Plus besoin de nommer vos fichiers (V1,V2,…etc.)

On vous recommande ce plan si vous êtes une petite équipe de designers en startup par exemple.

Si vous êtes étudiant ou professeur, sachez que ce plan est gratuit pour vous !

Plan Organization ou entreprise

Cette offre à 49 dollars est adaptée aux organisations(lucratives ou non). Elle comprend tous les avantages du plan professionnel ainsi que :

- l’analyse de votre design system (ou système de conception) à l’échelle de votre organisation.

• Analyse des systèmes de conception
• Flux de travail en dérivation (c’est encore la version bêta)
• Gestion des données et de l'IP de l’entreprise
• Administration et facturation centralisées
• SSO (système d’authentification unique) + sécurité avancée
• Auto-provisionnement via SCIM (système de gestion des identités inter domaine)

Ça vous a donné mal à la tête ? Nous aussi. On recommande ce plan aux PME et très grandes entreprises.

Maintenant que nous avons traité la question "c'est quoi Figma ?" et " Quel est le tarif de Figma ?" nous allons voir comment se former à Figma.

‍

Comment se former à Figma ?

On a répondu plus haut à la question " C'est quoi Figma ?", il est temps de répondre à la question "comment se former à Figma ?".

Il existe plusieurs méthodes :

La première est le support Figma —> https://help.figma.com/hc/fr

Le site regorge de tutos et bonnes pratiques. Le gros avantage est que tout est décrit par l’équipe de Figma et que les explications sont claires. Vous y trouverez des tutoriels aussi bien écrits que vidéos.

L’inconvénient est que tout est en anglais et qu’il n’y a pas de feuille de route pour l’apprentissage. Vous devez effectuer une recherche par mot clé / sujet de ce que vous souhaitez.

La formation :

Il existe des formations en ligne comme celle de Figma360 où l’apprentissage se fait par projets (reproduire les applis et sites Netflix, Tiktok, Google, etc…) . Consultez le programme de la formation pour en savoir plus.

‍

Évitez le téléchargement

Figma est un logiciel qui permet d'éviter le téléchargement fastidieux de logiciels sur l'ordinateur. Il ne nécessite aucune installation ou mise à jour et peut être utilisé sur n'importe quel appareil doté d'une connexion Internet, y compris les téléphones, les tablettes et les ordinateurs portables.

C'est vrai, vous n'avez pas à vous soucier des problèmes de compatibilité ou de sécurité non plus ! Comme il fonctionne dans le navigateur, il n'y a aucun problème de compatibilité avec votre navigateur(Chrome/Firefox/Edge). Vous n'avez pas non plus besoin d'installer une application distincte sur votre appareil, car Figma fonctionne parfaitement dans son propre onglet, dans la fenêtre de votre navigateur.

‍

Les entreprises qui utilisent Figma

Aujourd'hui, les entreprises ont cessé de se demander"c'est quoi Figma ?" car elles connaissent maintenant sa puissance.

Vous êtes-vous déjà demandé ce que vous feriez d’unetelle compétence à votre arc ?

Et bien, si ce n’est pas le cas, et si vous souhaitez poursuivre ou entamer une carrière salariale/de freelance, sachez que plus de580 entreprises ont déjà adoptées Figma.

AirBnb, Coinbase, Uber, Zoom, …que des grands noms !

(Source : https://stackshare.io/figma)

Elles sont peu nombreuses à l’échelle mondiale mais ce nombre tend à s’étendre. Serait-ce la prochaine compétence de demain ? Devancez le marché du travail en vous formant à Figma !

C'est quoi Figma pour les entreprises ?

La nature collaborative de Figma est idéale pour le travail en équipe. Vous pouvez créer une conception dans Figma et travailler simultanément avec d'autres personnes dans le même espace, ou même à travers le monde !

Vous pouvez partager vos créations instantanément avec d'autres personnes par courriel, par Slack ou par Trello.

Vous pouvez également utiliser la fonction d'exportation de Figma pour envoyer des conceptions depuis l'application directement dans l'éditeur de votre choix.

‍

Alternatives Figma

Si vous recherchez une alternative plus abordable àFigma, considérez ces autres outils :

• Sketch - L'outil de conception original d'Adobe. Il est populaire auprès des concepteurs qui souhaitent travailler dans le  même espace que leurs pairs et collaborer à des projets dans différents secteurs. Il existe également de nombreux plugins sketch tiers qui peuvent être utilisés avec cette plateforme ou intégrés à vos processus existants.

• InVision - Semblable à Sketch mais conçu spécifiquement pour les équipes chargées des produits, InVision vous permet de créer rapidement et facilement des prototypes interactifs tout en facilitant leur partage en ligne ou au sein des canaux Slack.

• Adobe XD - Cette application développée par Adobe permet aux utilisateurs de créer des structures filaires (ou des croquis) directement dans les programmes Photoshop ou Illustrator CC sans avoir accès à des éditeurs de code tels que CodePen ou CodeKit, ce qui signifie     qu'aucun raccourci clavier n'est requis ! Vous apprécierez également la facilité avec laquelle vous pouvez commencer à travailler puisque tous nos     modèles sont prêts à l'emploi ; il suffit de cliquer sur un bouton !

Si vous n'avez pas besoin d'un outil de conception à part entière, mais que vous souhaitez tout de même dessiner des formes vectorielles et les exporter au format PNG ou SVG, Affinity Designer pourrait être le choix idéal pour vos besoins. Affinity Photo - Cet éditeur de photos permet aux personnes qui n'ont pas beaucoup d'expérience avec les programmes graphiques de se lancer grâce à des instructions claires et faciles à suivre.

Et si vous venez de la suite Adobe ?

Si vous êtes familier avec Adobe Photoshop et Illustrator, il vous sera facile de comprendre le fonctionnement de Figma. Vous pouvez importer vos dessins depuis Photoshop et Illustrator et les exporter vers Figma. Les mêmes outils sont disponibles dans Figma qu'ils le sont dansPhotoshop ou Illustrator.

Vous pouvez utiliser des calques, des styles et des règles comme dans Photoshop ou Illustrator. Et si cela ne vous suffit pas, nous avons ajouté d'autres fonctionnalités comme les raccourcis clavier !

Vous pouvez utiliser les mêmes outils que Photoshop et Illustrator pour créer vos dessins, mais aussi les mêmes raccourcis clavier. Et si le style des calques d'Illustrator vous est familier, nous avons ajouté un calque supplémentaire qui vous permet de créer des formes et du texte personnalisé, ce qui n'est pas possible dans Photoshop ou Illustrator.

Figma est un outil de conception en ligne qui vous permet de dessiner et d'animer comme si vous créiez vos propres graphiques. Il est gratuit, facile à utiliser et ne nécessite pas l'installation d'un logiciel spécial sur votre ordinateur.

Vous pourrez importer vos dessins depuis Photoshop ou Illustrator, puis les exporter vers Figma.

‍

C'est quoi Figma : Les plugins

Commençons par expliquer succinctement ce qu’est un plugin. Cela consiste à étendre les fonctionnalités d’un logiciel. Par exemple, imaginez que vous souhaitez avoir plus de polices d’écriture sur votre interface. Soit, vous regarder comment télécharger des polices d’écritures sur Figma, soit vous télécharger un plugin qui s’occupera de vous fournir davantage de polices.

Figma a bâti un écosystème de par sa communauté et ses plugins. Bien qu’il soit performant, le logiciel ne peut pas TOUT faire. Des développeurs externes s’occupent donc de créer des outils qui vont se greffer au cœur de l’écosystème. C’est un véritable atout, car il y en a pour tous les goûts.

Navigateurs supportés par Figma

Si vous souhaitez utiliser Figma, sachez que le logiciel (téléchargeable) est compatible à la fois avec le système d’exploitationIOS et Windows.
Voici les versions supportées par Figma : MacOs: 10.12 (MacOs Sierra), ou version au-dessus. Windows : A partir de Windows 8, tournant sur un environnement 64-bit.
Sinon, vous pourrez toujours utiliser la version en ligne qui elle prend en charge tous les navigateurs que vous soyez sous Linux, IOS, Windows, etc…
Si vous avez du mal avec l’installation de Figma, vous pouvez toujours lire« comment installer Figma ? ».

Quels types de fichiers sont supportés par Figma ?

Sur Figma, ce sont les fichiers à extension .SVG qui dominent. Cependant, les PNG et JPEG sont supportés par le logiciel. De plus, il est possible d’exporter son travail sous format PDF. Très pratique pour les présentations !

‍

Prise en main

L’un des points négatifs de Figma est sa prise en main. Si vous êtes designers et que vous avez auparavant utilisé des outils similaires comme Adobe XD ou Sketch, alors vous aurez certains acquis qui rendront votre apprentissage plus rapide sur Figma.

Seulement, si vous êtes un total novice, alors vous vous sentirez perdu à votre arrivée sur le logiciel. Si vous ne parlez pas anglais, ce sera pire car le logiciel n’est pas traduit en français pour le moment.

Souvent, les débutants se découragent. Mais il ne faut pas paniquer ! Figma fait des mises à jour régulières qui rendent plus facile son utilisation d’années en années.

Souvenez-vous quand vous apprenez à utiliser Word, Excel, ou encore PowerPoint. Ça vous semble facile d’accès maintenant mais vous avez bien appris et ça vous a pris du temps.
Et bien c’est pareil pour tout logiciel récent.

Il est possible d’apprendre gratuitement toutes les fonctionnalités en cherchant jour après jours les pièces de votre puzzle (et en anglais). Ou alors obtenir directement ce puzzle conçus sous format vidéos.

Pour cela, il suffit de suivre la formation Figma360 qui fera de vous un(e) expert(e) Figma.
C’est d’ailleurs pour cela que Figma 360 a été créé. La mission première est de rendre accessible des tutos, formations, ressources Figma intégralement enFrançais.

Le tout, pour un rapport qualité / prix qui défit toute concurrence !

Après la formation, ce sera finit les "c'est quoi Figma ?"

Ressources et communauté Figma

Figma possède une grande communauté de designers.

Il y a d’abord l’outil communautaire « Figma Community » qui regroupe toutes les ressources que les utilisateurs veulent bien partager. Vous y trouverez des applications mobiles, web déjà faites. Mais aussi des icônes, des dessins en 3D, des jeux,…En bref, une vraie mine d’or !

Vous pouvez poser vos questions sur le Forum ou le groupe discord. Évidemment ne demandez pas "c'est quoi figma ?" mais plutôt"comment faire ceci ou cela".

En résumé, c'est quoi Figma ?

C'est quoi Figma ?

1.Figma est un outil de design qui permet de créer des applications web et mobiles. C’est également un instrument collaboratif au travers duquel vous pouvez partager vos travaux avec d’autres personnes

2. Le rapport qualité prix est sans appel. Vous pouvez profiter de toutes les fonctionnalisés majeurs gratuitement. Si vous êtes en équipe, vous devrez passer à un abonnement payant.