FIGMA

Editeur :  Figma, Inc.

site officiel : https://www.figma.com/fr-fr/ 

assistance : https://help.figma.com/ 

forums :  https://www.figma.com/community 

Pourquoi  utiliser Figma

    •    Travail collaboratif en temps réel
    •    Compatible toutes plateformes (PC, Mac, Linux via navigateur)
    •    Versioning automatique des projets
    •    Intégration facile avec FigJam (tableau blanc collaboratif)
    •    Idéal pour les équipes de design produit, UI/UX, startups, freelances

Comment utiliser Figma

1. Créer un compte gratuit
    •    Va sur https://www.figma.com
    •    Clique sur “Get Started” ou “Sign up”
    •    Inscris-toi avec ton e-mail, Google ou GitHub

 2. Créer un nouveau projet
    •    Depuis ton tableau de bord, clique sur “+ Design file”
    •    Tu accèdes à la zone de travail (canvas), comme une page blanche

3. Prendre en main les outils

Dans la barre d’outils à gauche :
    •    Frame (F) : crée des écrans ou zones (ex. : mobile, desktop)
    •    Rectangle, cercle, ligne, etc. : formes de base
    •    Text (T) : ajouter du texte
    •    Move (V) / Scale (K) : déplacer ou redimensionner
    •    Assets & Layers : gérer tes éléments, composants et calques

 4. Créer une interface
    •    Ajoute un frame (ex : iPhone 13)
    •    Place tes éléments (boutons, textes, images…)
    •    Tu peux importer des images ou utiliser des plugins (ex. : Unsplash, Icons8)

5. Créer un prototype interactif
    •    Clique sur l’onglet Prototype
    •    Relie un bouton à une autre frame → tu crées une navigation simulée
    •    Clique sur Play (▶️) pour voir le rendu

 Partager et collaborer
    •    Clique sur “Share” (en haut à droite)
    •    Choisis les autorisations (lecture, édition)
    •    Envoie le lien à tes collaborateurs : ils peuvent voir ou éditer en temps réel

 7. Exporter ton travail
    •    Clique sur un élément ou une frame
    •    Onglet Design > Export
    •    Choisis le format (PNG, JPG, SVG, PDF…)
 

Option d'acquisition de Figma

- Forfait de base : Gratuit
Nombre illimité de brouillons
Kits et modèles UI
Inspection basique des fichiers de design

-Forfait Professionnel : Accès Dev : 12 $/mois

- Nombre illimité de fichiers et de projets
- Bibliothèques de design pour toute l'équipe
- Inspection avancée avec Dev Mode

- Forfait Organisation : Accès Dev : 25 $/mois

- Nombre illimité d'équipes
- Bibliothèques et polices partagées
- Outils d'administration centralisés

Forfait Entreprise : sur devis

- Espaces de travail personnalisés pour vos équipes
- Gestion des thèmes des design systems et des API
- Gestion des licences via SCIM

Présentation de l’application Figma par l'éditeur 

Figma est un outil de création en ligne qui favorise la coopération, permettant de :
concevoir des interfaces utilisateur (UI/UX)
élaborer des maquettes dynamiques
collaborer en direct entre créateurs, développeurs et clients

Fonctionnalité 

- Conception d’interfaces et de maquettes
- Prototypage interactif
- Partage de projets avec commentaires intégrés
- Bibliothèques de composants partagés
- Collaboration en simultané (plusieurs utilisateurs sur un même fichier)
- Plugins (IA, animation, traduction, etc.)
- Exportation vers des formats variés (PNG, SVG, PDF…)

Technologies

- 100% cloud-based (WebGL, JavaScript, TypeScript, React)
- Application mobile complémentaire disponible (Figma Mirror)
- Intégration avec des outils comme Slack, Jira, Notion, Zeplin…