Retour

23/01/2023

Figma : Petit guide du débutant

Introduction

Figma est un outil de conception d’interfaces collaboratif basé sur un navigateur, avec des fonctionnalités hors ligne supplémentaires activées par des applications de bureau pour MacOS et Windows. L’application mobile Figma pour Android et iOS permet de visualiser et d’interagir avec les prototypes Figma en temps réel sur les appareils mobiles et les tablettes. L’ensemble des fonctionnalités de Figma se concentre sur la conception d’interfaces et d’expériences utilisateur, en mettant l’accent sur la collaboration en temps réel, en utilisant une variété d’éditeurs de graphiques vectoriels et d’outils de prototypage. Particulièrement apprécié par les UX/UI designers, Figma a été racheté par Adobe pour 20 milliards de dollars en septembre 2022.

Histoire

Dylan Field et Evan Wallace ont commencé à travailler sur Figma en 2012 alors qu’ils étudiaient l’informatique à l’université de Brown. Wallace étudiait le graphisme et était assistant enseignant pour le département d’informatique, tandis que Field présidait le groupe de premier cycle du département de CS.

L’objectif initial derrière Figma était de permettre à « n’importe qui d’être créatif en créant des outils créatifs simples et gratuits dans un navigateur. » Field et Wallace ont expérimenté différentes idées, notamment un logiciel pour les drones et un générateur de mèmes, avant de se décider pour un logiciel d’édition graphique basé sur le Web. La portée initiale de la société a été décrite dans un article de 2012 du Brown Daily Herald de manière vague comme « une startup technologique qui permettra aux utilisateurs de s’exprimer de manière créative en ligne. » Cet article rapportait que les premières idées de l’entreprise tournaient autour de la génération de contenu 3D, et que les idées suivantes se concentraient sur l’édition de photos et la segmentation d’objets.

Field a été nommé Thiel Fellow en 2012, ce qui lui a permis de gagner 100 000 dollars en échange d’un congé de l’université ; Wallace, a rejoint Field en Californie après avoir obtenu son diplôme en informatique et les deux ont commencé à travailler sur l’entreprise à temps plein.

Figma a commencé à offrir un programme de prévisualisation gratuit sur invitation seulement le 3 décembre 2015, il a vu sa première sortie publique le 27 septembre 2016.
Le 22 octobre 2019, Figma a lancé Figma Community, permettant aux designers de publier leurs travaux pour que d’autres puissent les voir et les adapter.

Le 21 avril 2021, Figma a lancé une fonctionnalité de tableau blanc numérique appelée FigJam, permettant aux utilisateurs de collaborer avec des notes autocollantes, des emojis et des outils de dessin.

En juin 2022, Google for Education a annoncé qu’il allait s’associer à Figma pour proposer sa plateforme de conception et de prototypage, ainsi que FigJam, aux Chromebooks destinés à l’enseignement.

Plugins

L’immense communauté de Sketch est l’un des éléments qui rendent le logiciel si attractif. Si vous recherchez une fonctionnalité qui n’est pas intégrée à Sketch, vous pouvez être sûr qu’il existe un plugin pour la réaliser. En effet, Sketch est compatible avec une multitude de plugins qui permettent d’améliorer son flux de travail et son efficacité lors de la conception d’expériences numériques. En voici quelques uns que nous apprécions utiliser chez TKT :

  • Anima : Animation vectorielle
  • Measure : Mesurer et afficher les espacements
  • Chartline : Génère des courbes pour illustrer les outils métiers
  • Lazy Load : Crée un écran de loading automatiquement
  • LottieFiles : Crée des animations légères
  • Themer : Importe des librairies de styles d’un fichier à l’autre
  • Typeout : Propose du texte placeholder pertinent (alternative au lorem ipsum)
  • Unsplash : Librairie de photos libres de droits

  • Tarifs

    Deux types d’abonnement sont proposés aux utilisateurs :

  • Figma pour le design et le prototypage
  • FigJam pour faire du brainstorming sur un tableau blanc virtuel

    ——— FIGMA ———

    OFFRE STARTER (gratuit)
    3 fichiers Figma et 3 fichiers FigJam

  • Fichiers personnels illimités
  • Collaborateurs illimités
  • Accès aux plugins, widgets et templates
  • Application mobile

    OU

    OFFRE PROFESSIONNELLE (12$/mois par éditeur)
    Gratuit pour les étudiants et les professeurs

  • Fichiers Figma illimités
  • Historique de versions illimité
  • Partage de fichiers
  • Projets personnels et partagés
  • Librairie d’équipe
  • Conversations audio

    OU

    OFFRE “ORGANIZATION” (45$/mois par éditeur)
    Paiement annuel uniquement

  • Comprend toutes les fonctionnalités de l’OFFRE PROFESSIONNELLE
    +

  • Fichiers Figma illimités
  • Historique de versions illimité
  • Partage de fichiers
  • Projets personnels et partagés
  • Librairie d’équipe
  • Conversations audio

    OU

    OFFRE “ENTREPRISE” (75$/mois par éditeur Figma et 5$/mois par éditeur FigJam)
    Paiement annuel uniquement

    Pour une sécurité avancée et des contrôles plus souples, le plan Entreprise vous aide à étendre les processus de conception à l’ensemble de l’entreprise.



    ——— FIGJAM ———

    OFFRE STARTER (Gratuit)

  • 3 fichiers Figma et 3 fichiers FigJam
  • Fichiers personnels illimités
  • Collaborateurs illimités
  • Accès aux plugins et templates
  • Application mobile

    OU

    OFFRE PROFESSIONNELLE (3$/mois par éditeur)
    Paiement annuel ou mensuel à 5$/mois

  • Fichiers FigJam illimités
  • Historique de versions illimité
  • Partage de fichiers
  • Librairies d’équipe
  • Conversations audio

    OU

    OFFRE “ORGANIZATION” (5$/mois par éditeur)
    Paiement annuel uniquement

  • Comprend toutes les fonctionnalités de l’OFFRE PROFESSIONNELLE
    +

  • Bibliothèques à l’échelle de l’entreprise
  • Gestion centralisée du contenu
  • Administration et facturation unifiées
  • Plugins et widgets privés
  • Authentification unique

  • Alternatives de logiciels de prototypage

    Si Figma fait généralement l’unanimité dans la communauté des designers, d’autres logiciels de prototypage restent disponibles et se défendent plutôt honorablement :

  • Sketch
  • Adobe XD
  • Axure RP
  • Lunacy
  • Panda Suite
  • Framer
  • Marvel
    N’hésitez pas à cliquer sur les liens pour découvrir les différents articles que nous avons publiés à leurs sujets.