Config 2024 Figma Recap (IN 8 MINUTES) - Figma Ai, Figma Slides & More

Summary

La conférence Config 2024 de Figma a introduit des mises à jour majeures centrées sur quatre piliers principaux : l'interface utilisateur UI3, le mode Dev, l'intelligence artificielle Figma AI et les présentations Figma Slides. L'interface a été redessinée pour mettre le travail au premier plan, l'Auto Layout a été amélioré avec des suggestions automatiques, et de nouveaux kits UI natifs sont apparus. Les fonctionnalités de facturation et de collaboration ont été renforcées avec Connect Workspace et de nouvelles options de gestion des utilisateurs. L'IA permet de générer des interfaces utilisateur personnalisées et de faciliter la recherche et la traduction. Enfin, Figma Slides offre une approche innovante aux présentations, intégrant des prototypes interactifs et des tonalités de voix configurables par l'IA.

Takeaways

• 🎨 **UI3 mise à jour** : Figma a lancé une nouvelle interface utilisateur appelée UI3, conçue pour mettre le travail au centre de l'expérience Figma.
• 🔧 **Mode Dev** : Les développeurs peuvent désormais définir l'état de chaque cadre et accéder à un onglet 'Ready for Dev', qui masque tout ce qui n'est pas encore prêt pour le développement.
• 🤖 **Figma AI** : L'introduction d'un mode AI qui permet de générer de nouvelles interfaces utilisateur personnalisées, y compris des graphiques et une structure de cadres correctement nommée.
• 🔍 **Recherche IA** : L'amélioration de la recherche avec l'IA, permettant de trouver des icônes similaires, de retirer les arrière-plans d'images, de traduire des designs et de nommer automatiquement les calques.
• 📈 **Auto-Layout amélioré** : La mise à disposition de 'Suggest Auto Layout', qui facilite l'accès à Auto Layout et réduit la nécessité de l'ajuster manuellement.
• 📱 **Kits UI natifs** : L'ajout de trois kits UI natifs pour iOS, Material Design et un kit UI neutre créé par l'équipe Figma, liés à Code Connect pour une utilisation dans des projets réels.
• 👥 **Connect Workspace** : La possibilité d'inviter d'autres équipes dans vos projets, avec des fonctionnalités similaires à celles de Slack.
• 💳 **Mises à jour de facturation** : L'introduction d'un e-mail de synthèse sur les utilisateurs payants et la possibilité d'activer l'approbation manuelle pour les utilisateurs avec accès en modification.
• 📑 **Figma Slides** : L'annonce inattendue de Figma Slides, un outil de présentation qui utilise l'infrastructure existante de Figma et offre des fonctionnalités telles que la configuration de l'intonation grâce à l'IA.
• 🌐 **Expérience utilisateur améliorée** : La priorité accordée à la propriété des composants et des variables, et la possibilité de redimensionner le panneau de design pour une meilleure expérience utilisateur.
• 🔮 **Prédictions pour l'année suivante** : Un accent continu sur les Systèmes de conception et le mode Dev, une expansion des modèles de diaporama et un investissement accru dans l'IA pour améliorer la complexité et la personnalisation des générations d'interfaces.

Q & A

Quel est le thème principal de la conférence Config 2024 présentée dans le script ?

Le thème principal de la conférence Config 2024 est les mises à jour majeures de Figma, y compris l'interface utilisateur redessinée (UI3), le mode Dev, l'IA de Figma et Figma Slides.

Quelles sont les quatre piliers principaux des mises à jour de Figma mentionnés dans le script ?

Les quatre piliers principaux des mises à jour sont UI3, le mode Dev, l'IA de Figma et Figma Slides.

Quel est l'objectif de la récente révision de l'interface utilisateur de Figma (UI3) ?

L'objectif de la révision de l'interface utilisateur de Figma est de mettre le travail de l'utilisateur au centre de l'expérience Figma, en masquant les menus latéraux et en priorisant les propriétés des composants et des variables.

Quelle nouvelle fonctionnalité est introduite avec Suggest Auto Layout ?

Suggest Auto Layout est une fonctionnalité qui configure automatiquement les dispositions, permettant aux utilisateurs de ne pas s'y attarder trop longtemps.

Quels sont les trois kits UI natifs fournis dans le panneau des ressources de Figma ?

Les trois kits UI natifs sont un kit pour la conception iOS, un kit Material Design et un kit UI neutre créé par l'équipe de Figma.

En quoi consiste la mise à jour de Connect Workspace et comment cela affecte-t-elle les équipes de travail ?

Connect Workspace permet d'inviter d'autres équipes dans vos projets, similaire à un espace de travail Slack, et inclut une fonctionnalité d'approbation manuelle pour les utilisateurs qui accèdent à vos fichiers avec des droits d'édition.

Quels sont les changements apportés au mode Dev dans Figma ?

Le mode Dev permet désormais de définir le statut de chaque cadre, d'accéder à un onglet Ready for Dev qui masque tout ce qui n'est pas encore prêt pour le développement, et de voir les modifications de conception reflétées directement dans le code via Code Connect.

Quelle est la fonctionnalité d'IA la plus impressionnante présentée dans le script ?

L'une des fonctionnalités d'IA les plus impressionnantes est la capacité de créer une nouvelle interface utilisateur entièrement personnalisée, y compris les graphiques et la structure des cadres.

Quel est le principal avantage de Figma Slides par rapport aux autres applications de présentation ?

Figma Slides permet d'utiliser l'IA pour configurer le ton de la voix et d'intégrer des liens de prototype de conception qui jouent automatiquement pendant une présentation.

Quelles sont les prédictions de l'auteur pour l'année suivante en ce qui concerne Figma ?

Les prédictions incluent un accent continu sur les Systèmes de conception et le mode Dev, un développement majeur du référentiel de modèles de diapositives et un investissement accru dans l'IA pour créer des interfaces utilisateur plus complexes.

Pourquoi l'auteur pense-t-il que l'acquisition par Adobe a affecté la feuille de route de Figma ?

L'auteur pense que l'acquisition par Adobe a perturbé la feuille de route de Figma, ce qui a entraîné une expansion verticale et horizontale en même temps, avec un développement de nouvelles fonctionnalités liées à la conception graphique.