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. 

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.

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 !

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.

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 !

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.

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.

‍

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.

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 !

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.

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é.

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...