Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Les dernières nouveautés Figma Config 2022 !

Thomas Labonne
Thomas Labonne
May 14, 2022
design figma avec texte nouveautés figma 2022 sur fond violet clair

Tables des matières

Nouvelles fonctionnalités pour améliorer le design

L'outil de web design Figma vient d'annoncer la sortie de nouvelles fonctionnalités qui vont booster vos maquettes et design dans les prochains jours !

1. Dark mode 🌘

Dark and Light mode enfin disponible sur Figma ! Une fonctionnalité attendue par beaucoup, qui améliorera sans aucun doute le confort dans le design.

On vous montre comment activer le dark mode sur Figma

capture d'écran du nouveau dark mode figma 2022
Dark mode | Figma 2022

2. Auto layout amélioré

Combiné aux Contraints, l'auto layout Figma était déjà une nouveauté qui permettait de créer des designs de maquettes responsive et maniables. Cette fonctionnalité restait cependant assez complexe à prendre en main et demandait bien plus de temps dans le développement. Figma vient donc de booster cette fonctionnalité en la rendant :

  • plus intuitive : l'auto layout se fait en un simple clic sur vos éléments graphiques
  • plus puissante : possibilité de gérer les paramètres auto layout directement sur le Canva
  • plus complète : options d'auto layout avancées pour déterminer les espacements négatifs ou encore une position abolut pour les éléments complexes.
capture d'écran de la nouvelle fonctionnalité auto layout figma 2022
Auto layout | Figma 2022

3. Des propriétés pour les Components

Créez des variants pour chaque type de component et ajustez les sur votre maquette. Vous pouvez par exemple attribuer des styles différents a un même bouton en ajustant les différentes propriétés :

  • bouton primaire / secondaire
  • taille de bouton
  • configuration des icones
  • bouton par défaut / active / inactif
  • sur fond clair / foncé
  • etc.

Les propriétés vont largement simplifier vos design systems !

capture d'écran de la fonctionnalité propriété variants 2022 sur figma
Component | Figma 2022

4. Design system simplifié avec les variants de typographies

Dans vos wireframes et maquettes web vous utilisez des tailles et styles de polices différents selon vos Headings H1, H2, H3, Rich Text, etc.

La fonctionnalité Variable Fonts vous permet à présent de créer des variantes de polices, c'est à dire des mises en forme différentes selon les utilisations. Une fois les variants créés, vous pourrez en un clic les attribuer ou vous voulez dans votre design.

Tout comme un component, vous pourrez modifier et ajuster chaque variant depuis votre design system pour les faire évoluer dynamiquement sur votre maquette.

fonctionnalité de variant pour les polices sur figma
Variant de typographie | Figma 2022

5. Animations plus fluides

Les transitions sont plus fluides plus naturelles. Effet Wahou garanti pour vos prototypes !

6. Lignes individuelles

L'ajout de lignes sur un élément Figma se faisait avant automatiquement sur l'ensemble de ses côtés. Il est maintenant possible d'ajouter une ligne seulement sur un ou plusieurs côtés choisis. Plus besoin de tirer un trait en dessous d'un bouton pour le personnaliser, gérez ça directement avec une ligne personnalisée à présent !

capture d'écran de la nouvelle fonctionnalité ligne individuelles figma 2022
Lignes individuelles | Figma 2022

7. Mise à jour du mode contour sur Figma

Les contours sur Figma font maintenant apparaitre l'ensemble des éléments du canva. Très utile notamment quand vous avez des visuels qui se superposent. Plus besoin d'aller rechercher ce composant parmi les Layers, faites un simple Shift + O pour activer / désactiver le Outline Mode.

capture d'écran de la nouvelle fonctionnalité contour sur Figma 2022
Mode contours | Figma 2022

8. Raccourcis clavier International (beta)

Designez plus rapidement quelque soit votre clavier ! Figma élargi les fonctionnalités de raccourci clavier à l'international avec cette première version Beta pour les claviers Allemand, Japonais, et Français. Voici le lien pour accéder à la beta.

9. Fichier favoris

Un accès simplifié à tous vos fichiers Figma favoris, qui seront maintenant accessible depuis la barre de navigation de gauche de votre tableau de bord.

nouvelle fonctionnalité favoris sur figma 2022
Favoris | Figma 2022

10. Application Figma sur ordinateur

La possibilité de récupérer, épingler et faire glisser les onglets sur le bureau pour personnaliser et organiser votre espace de travail est maintenant disponible pour tous.

Nouvelles fonctionnalités pour mieux collaborer sur Figma et FigJam

Figma est un outil de design collaboratif, et ces nouvelles fonctionnalités 2022 repoussent encore plus loin les limites du design à plusieurs !

11. Nouveaux Widgets FigJam

Donnez de la puissance à vos FigJam grâce à l'arrivée des widgets ! FigJam est maintenant connecté en direct à des outils comme Jira, Asana, Github. Vous pouvez faire évoluer vos projets en direct depuis le designer FigJam.

D'autres widgets sont également disponibles pour vous aider à créer et collaborer sur FigLam, comme l'arrivée du "Voice Memo" qui vous permet de laisser un message vocal directement sur FigJam.

catpure d'écran des nouveaux Widget Figjam 2022
Widgets | FigJam 2022

12. Plugin pour générer des Widget FigJam depuis Figma

Générez en un click un widget FigJam que vous avez designé sur Figma grâce à ce nouveau plugin !

capture d'écran de l'icone digidop avec le widget générateur de figma
Widget FigJam Generator | Figma 2022

13. Evolution du mode Observation avec le mode Spotlight !

Le mode spotlight est une fonctionnalité évoluée du mode Observation de Figma, qui vous permet de suivre la vue d'une personne sur le designer. Lorsque vous êtes à plusieurs sur le designer Figma, vous pouvez activer le mode spotlight pour demander aux autres utilisateurs de suivre votre vue. Tous les participants verront ainsi votre présentation en direct, de manière interactive. Ils pourront également réagir en direct à l'écran avec des commentaires interactifs.

capture d'écran du nouveau mode spotlight 2022 sur figma
Mode spotlight | Figma 2022

14. Approbation des feedbacks

Possibilité d'approuver ou refuser des modifications, feedbacks sur vos design. Une fonctionnalité de plus pour augmenter les possibilités de collaborer sur Figma.

15. Protection avec mot de passe sur vos fichiers partagés

Vous pouvez maintenant ajouter un mot de passe à tous vos fichiers partagés. Cette fonctionnalité disponible avec la version PRO de Figma vous permet de limiter l'accès uniquement aux utilisateurs qui ont le mot de passe du fichier, en plus du lien partagé.

capture d'écran de la fonctionnalité 2022 de mots de passe sur un fichier partagé figma
Mot de passe fichier partagé | Figma 2022

Les fonctionnalités à venir...

Certaines de ces fonctionnalités sont encore en version Beta mais elles sortiront dans les prochaines semaines ! De nouvelles fonctionnalités sur l'accessibilité web à venir...

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'équipe fantastique de Digidop est prête pour vous aider à construire un site web qui répond à vos besoins 🚀

Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions