Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Commencer | Outils de Base de Figma
Ui/Ux Avec Figma
course content

Contenu du cours

Ui/Ux Avec Figma

Ui/Ux Avec Figma

1. Outils de Base de Figma
2. Création et Organisation des Objets
3. Création de Visuels
4. Prototypage
5. Soumettre le Travail

book
Commencer

Figma est un outil de conception et de prototypage basé sur le cloud, largement utilisé pour créer des interfaces utilisateur (UI) et des expériences utilisateur (UX), ce qui facilite grandement la collaboration avec votre équipe, qu'il s'agisse de designers, de développeurs ou de toute autre personne impliquée dans un projet. Si vous êtes designer, vous trouverez qu'il ressemble un peu à Adobe Illustrator car c'est aussi un logiciel basé sur des vecteurs, et si vous êtes déjà familier avec Adobe XD, vous vous sentirez comme chez vous.

Figma est idéal pour concevoir des wireframes, des maquettes et des prototypes pour des applications mobiles et des sites web. L'une des choses les plus cool à propos de Figma est la collaboration en temps réel. Vous et votre équipe pouvez travailler sur le même projet ensemble, laisser des commentaires, donner des retours, ou simplement regarder la magie opérer en direct. C'est parfait pour rendre le travail d'équipe fluide et amusant !

Quelle est la différence entre UI et UX dans Figma ?

UI (Interface Utilisateur) concerne tout le design visuel, l'apparence et la sensation d'un produit. Dans Figma, cela implique de concevoir des éléments comme des boutons, des icônes, de la typographie, des schémas de couleurs et la mise en page.

Tandis que UX (Expérience Utilisateur) se concentre sur le parcours global de l'utilisateur — comment il interagit avec le produit et à quel point cette expérience est intuitive ou satisfaisante. Cela implique de structurer le contenu et la navigation pour rendre l'expérience fluide.

En bref, l'UI dans Figma concerne l'apparence des choses, tandis que l'UX concerne le fonctionnement des choses. Figma fournit des outils pour gérer les deux de manière transparente, aidant les designers à créer des produits à la fois esthétiquement attrayants et conviviaux.

Le lien vers Figma est ici : https://www.figma.com/

Maintenant, voyons à quoi ressemble Figma !

Une dernière chose, lorsque vous choisissez un fichier de la Communauté Figma, il peut vous proposer deux options comme cela m'est arrivé. La différence entre les deux est :

  • Utiliser le kit UI dans un nouveau fichier : Figma utilisera tous les actifs, icônes et composants inclus dans le fichier avec un nouveau projet sans copier tous les cadres et pages ;
  • Faire une copie de ce fichier : Figma fera une copie de l'ensemble du fichier, y compris les cadres, les pages, les actifs et tout le reste.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 1
We're sorry to hear that something went wrong. What happened?
some-alt