Comment les équipes exploitent la puissance du design avec Figma Slides ?

Depuis que nous avons lancé Figma Slides, nous avons expédié plus de 30 nouvelles fonctionnalités et mises à jour pour améliorer la conception et la collaboration de votre équipe, des modèles que vous pouvez adapter à votre équipe aux plugins qui optimisent le design. Aujourd'hui, Figma Slides quitte officiellement la version open bêta : il est disponible pour toute personne ayant une licence Full, Dev ou Collab. De plus, pour marquer le coup, nous annonçons de nouvelles fonctionnalités très demandées qui améliorent le design tout en gardant l'outil intuitif pour tout le monde :

• Améliorations vidéo : visionnez et contrôlez les vidéos directement dans l'éditeur avec des capacités plus avancées comme les effets de flou, le scrubbing et la vitesse de lecture.
• Composantes : créez et utilisez des composantes pour maintenir des designs cohérents, des actifs de marque aux logos des clients.
• Animations au niveau des objets : donnez vie aux calques individuels avec des animations de glissement et de fondu.
• Importer et exporter des .PPTX : travaillez sur des fichiers .PPTX dans Figma Slides, ou exportez vos designs pour des collaborateurs et clients externes.

Avec tout ce que nous avons expédié jusqu'à présent, ces mises à jour apportent une précision de conception dans une interface de diapositives familière, permettant aux concepteurs et à leurs collaborateurs de créer des présentations percutantes dans un espace partagé. Avec Figma Slides, les concepteurs retrouvent des fonctionnalités qu'ils connaissent et aiment, comme la mise en page automatique, les polices personnalisées, les bibliothèques de marques connectées et les prototypes intégrables à portée de toute l'équipe. La différence réside dans les détails, et personne ne le sait mieux que notre communauté. « Ce sont bien plus que de simples diapositives », déclare Jessica Rosenberg, Directrice de création pour la plateforme d'IA Jasper. « Ce sont des outils de narration conçus pour inspirer, communiquer efficacement et favoriser l'alignement. »

Des examens internes aux présentations aux clients, en passant par les présentations de vente, voici quelques-unes des façons dont les designers, développeurs et équipes transversales donnent vie à leurs idées dans Figma Slides.

Ajustez votre design avec précision

Que vous exploitiez un design system ou utilisiez des actifs de marque, Figma Slides vous permet de remixer et de réimaginer facilement avec des modèles tout en restant fidèle à la marque.

Créer un deck qui reflète avec précision votre travail est beaucoup plus facile lorsque vous pouvez extraire des ressources et des composants directement de ce que vous avez déjà construit dans Figma. Dave Calleja, responsable du Design chez Merkle, décrit comment l'équipe utilise des modèles de base avec des composants hérités de leur design system global, mais spécifiquement sélectionnés pour les diapositives.

Ils ont également conçu des modèles pour présenter le design UI/UX, la recherche ou la visualisation de données, ou encore des styles et des composants spécifiques aux clients. Ce système aide toute l'équipe à créer des présentations visuellement attrayantes sans avoir à prendre autant de décisions de design, dit-il : « Ils sont autonomes dès le départ, de sorte que la barre de [qualité] est beaucoup plus haute. »

Élever la barre était ce que la plateforme d'IA Decagon avait en tête lorsqu'ils ont réimaginé la présentation des ventes de l’entreprise. « Nous voulions créer des diapositives personnalisées à notre image de marque, avec nos conceptions et actifs, et garder un contrôle précis sur l'apparence des choses », explique Jesse Zhang, directeur général de Decagon. Le concepteur de produits et de marque James Wu a créé un modèle qui s'inspire des couleurs de l'une des formes en 3D de Decagon représentant leur marque, et a inclus une annexe de mises en page qui peuvent être remixées selon les priorités spécifiques du client. « Il y a un retour sur investissement dans l'impression que nous laissons », dit Jesse. « Nous pouvons être spécifiques sur les critères de succès d'un client. »

Contrôler le récit

Différents publics répondent à différents signaux : revenez à la vue de grille pour trouver le bon crochet et réorganisez facilement vos points de discussion.

Pour bien raconter une histoire, il est essentiel de connaître son public : vos diapositives doivent s’adapter pour répondre à ces besoins narratifs. La directrice de création et designer Jamey Gannon a gardé cela à l’esprit lorsqu’elle a conçu Raise, un modèle de Figma Slides pour les fondateurs de société qui recherchent à lever des fonds, en capital-risque. Ayant elle-même fondé des sociétés, elle a beaucoup appris sur la manière de toucher la corde sensible des investisseurs. Tout d'abord, dit-elle, il est important de ne pas succomber au syndrome de l'objet brillant et de savoir présenter l'entreprise en une idée claire et convaincante.

« Mais chaque présentation est différente selon le tour de table auquel vous participez, l'identité des fondateurs et le type de produit que vous créez », dit Jamey. « J’ai créé des présentations pour des clients qui sont plus axées sur l’insight, tandis que l’équipe est présente seulement sur la toute dernière diapositive. Dans d’autres cas, la diapositive sur l’équipe vient en premie, car elle parle de leur expérience ou de la façon dont ils sont arrivés à un problème ou à une solution. »

Essayez Raise, un modèle de présentation pour les levées de fonds en amorçage et préamorçage.

Briser les barrières de collaboration

Supprimez la friction du travail partagé avec des fonctionnalités collaboratives visant à maintenir les équipes alignées.

Pour Jamey, Figma Slides a également permis un « énorme déblocage » lorsqu’il s’agissait de travailler avec des clients. « Il a tous les meilleurs éléments de Figma, qui sont les outils de conception puissants, que ce soit l’animation, les bibliothèques de couleurs ou le layout automatique », dit-elle. « Mais c’est aussi très convivial. C'est une mise en page familière pour les non-designers, donc cela semble moins accablant à utiliser. »

L'interface conviviale a également rationalisé les flux de travail chez Jasper, où « la capacité de transférer harmonieusement les styles dans un slide deck sans le tracas d'exporter des PNG a été un véritable changement de jeu », déclare Jessica, directrice créative chez Jasper, où son équipe utilise Figma Slides pour tout, des présentations de design à la feuille de route en passant par les communications internes. « Nous sommes capables de rester dans un état de flux, de travailler rapidement et de ne pas être bloqués. » Comme preuve, depuis que l'équipe exécutive de Jasper a essayé Figma Slides, c'est maintenant l'outil de présentation exclusif de la directrice financière Amy Sunderman.

Au studio numérique Human, Figma Slides a permis à toute l’équipe de collaborer sur la conception web et l’identité de marque. Expert en stratégie de communication, Zachary Sniderman explique : « C’est incroyablement utile pour les développeurs parce qu’il y a un sentiment d’instantanéité ainsi qu’une vue à 360 degrés de l’architecture du projet. »

Pour une équipe dispersée, l'acte simple de suivre le curseur de quelqu'un lorsqu'ils affinent une diapositive—un aspect familier de la création dans Figma—aide à rassembler tout le monde et à focaliser l'attention. Parce qu’il est si facile à utiliser, les rédacteurs travaillent directement dans Figma Slides également, traitant le message davantage comme de l'art visuel. « Cela les a aidés à penser de manière plus visuelle car il est beaucoup plus facile de manipuler et d'aligner les éléments », dit Zachary.

Obtenir des feedbacks

Rendez les présentations interactives avec des prototypes cliquables, des sondages, des échelles d'alignement et des tampons.

Construire un deck est une chose, capturer l'attention de votre audience en est une autre. Demandez à Elissa Martial, leader du campus Figma à l'Université de Californie du Sud. En tant que mentor en design pour une startup, Elissa savait que son atelier sur les flux de travail développeur-designer devrait être engageant et facile à digérer. « J'allais diriger cet atelier à 21h pour des étudiants universitaires épuisés, je savais donc qu'il devrait être concis et visuellement frappant, à la fois drôle et interactif », dit-elle.

Essayez ce modèle de flux de travail Dev-Designer pour structurer un atelier interactif.

Pour rendre la présentation interactive, elle a sondé les participants sur le nombre de polices qu’ils pouvaient voir à l’écran. « Sans exception, chaque designer en a identifié quatre ou plus, et les développeurs n’ont pas pu en repérer plus de deux », dit Elissa. « Cela a prouvé un point, a suscité quelques rires, et a été ridiculement facile pour moi à mettre en place. » Plus tard, elle a intégré un prototype fonctionnel démontrant des variables : « Pouvoir voir les variables à l'œuvre a facilité la compréhension des capacités de Figma pour tout le monde. »

Avec Figma Slides désormais disponible pour tous les usagers ayant des licences Full, Dev, ou Collab, nous avons hâte de voir où vous allez emmener l'outil ensuite. Pour en savoir plus sur les mises à jour récentes ou pour tirer encore plus de Figma Slides, consultez nos Release Notes ou inscrivez-vous à notre prochain livestream.