Comment créer une présentation dans Figma Slides

Exemples de diapositives prêtes à l'emploi dans Figma Slides : Les couleurs, les polices, le texte, les photos et tout autre élément peuvent être facilement personnalisés pour répondre à vos besoins.

Figma Slides est un module complémentaire de Figma qui facilite grandement la création de présentations en ligne. Vous pouvez travailler en deux modes : Standard ou Designer.

Dans ce guide, nous nous concentrerons sur le mode standard de base, qui permet de travailler avec les éléments suivants:

• Texte
• Images
• Formes
• Éléments interactifs
• Ressources supplémentaires

Le mode Designer vous permet de bénéficier de l'ensemble des outils Figma : Auto Layout, composants, flous et autres effets, etc.

Si vous n'avez jamais travaillé avec Figma, il est préférable de vous en tenir au mode Standard. Il est plus simple, plus rapide et contient tout ce dont vous avez besoin pour créer une présentation solide.

Ouvrez Figma et cliquez sur le bouton pour créer une nouvelle présentation dans Figma Slides.

À partir de là, vous pouvez partir d'un canevas vierge ou choisir l'un des modèles intégrés. Nous aborderons les modèles prêts à l'emploi plus tard, pour l'instant. Commençons par une diapositive complètement vide.

Ensuite, vous verrez l'espace de travail de Figma Slides. Dans l'ensemble, il ressemble à l'interface Figma habituelle :
Panneau de gauche: Paramètres de présentation - titre, aperçu des vignettes de toutes les diapositives et bouton pour en ajouter de nouvelles.
Barre d'outils inférieure: Outils standard - mode interaction, texte, images, vidéos, formes, éléments interactifs, commentaires, plugins, bibliothèque d'actifs et bascule vers le mode Designer.
Panneau de droite: Paramètres de la diapositive sélectionnée.

Vous pouvez créer votre présentation de diapositives à partir de zéro ou utiliser l'une des présentations prédéfinies du menu déroulant.

La conception d'une présentation commence généralement par la diapositive de titre. Commencez par modifier le titre par défaut de la diapositive et voyez comment fonctionnent les paramètres de texte.

Un bon titre doit être grand et se démarquer. Le style Figma par défaut pour les titres est Title, mais vous pouvez le changer à tout moment.

Essayez d'ajuster votre titre, par exemple en augmentant la taille de la police, en réduisant l'espacement des lignes et en resserrant l'espacement des lettres.

Une fois que vous avez modifié le titre, vous verrez une note et un bouton apparaître à côté du nom du style "Title". Cela signifie que vous pouvez enregistrer votre formatage personnalisé avec les styles Figma par défaut. Bien sûr, tu peux supprimer les styles intégrés et créer le tien, mais il est généralement plus rapide de modifier un style existant.

Les styles dans Figma fonctionnent de la même manière que dans Google Slides : Vous pouvez appliquer un style prédéfini à n'importe quel texte et le modifier ultérieurement. Par exemple, tous les titres des diapositives utilisent le style "En-tête 2". Si vous modifiez ses paramètres, ces changements s'appliqueront automatiquement à tous les titres.

Il s'agit maintenant de personnaliser le style "Titre".

Pour le sous-titre sous le titre principal, le style "Corps 1" est appliqué par défaut. Modifiez les paramètres du style et saisissez votre propre texte.

Une fois la typographie définie, vous pouvez donner à votre présentation un aspect plus élégant. Rendons l'arrière-plan de la diapositive noir et le texte blanc.

Vous pouvez également utiliser un remplissage en dégradé ou définir une image d'arrière-plan. Essayez différentes options et retenez celle qui vous convient le mieux.

Les formes peuvent être purement décoratives, contribuer à mettre en valeur votre contenu ou faire partie de l'identité de votre marque. Ajoutons-en quelques-unes et voyons ce que nous pouvons faire. Commençons par un diamant.

Remplissez le losange avec la couleur d'accentuation de votre marque. Ajoutez ensuite un cercle dans un coin - un autre élément de votre guide de style.

Nous obtenons ainsi une diapositive de titre propre et élégante, avec un titre, une brève description et des éléments de conception de la marque.

L'ajout d'images se fait de la même manière que dans Figma classique. Par exemple, placez un motif abstrait en arrière-plan, étirez-le pour qu'il remplisse la diapositive et réduisez son opacité pour que l'arrière-plan noir apparaisse. De cette façon, l'image apparaît plus sombre et se fond dans le thème général.

Les paramètres de l'image sont également identiques à ceux de Figma:

Si vous avez besoin de plusieurs images sur une même diapositive, vous pouvez les disposer manuellement ou utiliser un modèle.

Les diapositives peuvent inclure des fonctions interactives. Par exemple, si vous souhaitez poser une question et y répondre en direct pendant votre présentation, ouvrez l'onglet "Interaction en direct" dans le menu du bas.

Dans cette section, vous pouvez sélectionner:

• Sondage (permettre au public de voter en temps réel)
• Tampons (permettent aux spectateurs d'indiquer qu'ils ont vu une diapositive)
• Alignement (une échelle d'évaluation pour montrer les résultats des sondages)
• Prototype (incorporez tout prototype interactif que vous avez déjà créé dans Figma)

Ajoutez un sondage à la diapositive et mettez-le en noir pour qu'il corresponde au thème sombre. Remplacez ensuite le texte de remplacement.

Passez en mode "Prototype" et votez pour une option pour voir comment elle fonctionne.

Vous avez maintenant ajouté de l'interactivité en utilisant les outils intégrés de Figma Slides. Passons maintenant à la création d'une diapositive pour la partie principale de votre présentation.

Maintenant que vous savez comment ajouter du texte et des formes, essayez d'ajouter d'autres éléments à votre diapositive.

Sélectionnez tous les éléments de votre diapositive et ouvrez l'onglet "Actions". Vous y trouverez des plugins et d'autres outils disponibles. La liste se met à jour avec des suggestions, mettant généralement en évidence celles qui correspondent le mieux à votre sélection actuelle.

Essayez d'ajouter une image via un plugin.

Dans la section des photos d'archives, choisissez une image qui correspond au thème de votre présentation et déposez-la sur votre diapositive.

Si vous craignez d'oublier des points importants, les notes sur les diapositives sont votre meilleur ami. Le champ des notes se trouve sous la diapositive - ajoutez ce que vous voulez retenir, puis ouvrez la présentation en mode "Présenter".

En mode "Prototype", il y a deux façons de présenter les diapositives:

• Présent : Le public ne verra pas vos notes
• Présenter + notes : Les notes seront visibles lors de la présentation

Figma Slides dispose d'un onglet "Assets" avec deux sections principales:

• Autres outils : Tableau, bloc de code et numéro de diapositive
• Bibliothèques : Graphiques, icônes ou votre propre bibliothèque personnalisée

Créez une quatrième diapositive et ajoutez-y un numéro de diapositive.

Ajoutez un en-tête de diapositive en utilisant le style "En-tête 1", puis insérez un élément de la bibliothèque Assets.

Vous avez maintenant construit quatre diapositives simples et basiques qui peuvent vous laisser songeur : "Où sont tous les effets sympas comme dans PowerPoint, avec le texte et les images qui s'envolent ?"

Vous pouvez animer des éléments individuels ou des diapositives entières. Cela vous permet d'attirer l'attention sur des points clés ou de réengager votre public lorsque son attention commence à se relâcher.

Les paramètres d'animation se trouvent dans l'onglet "Animer". Ici, vous pouvez :

• Définir une transition entre les diapositives (comment une diapositive passe à la suivante)
• Ajouter des animations d'objets (animations pour des éléments spécifiques)

Revenons à la première diapositive et essayons de définir une transition. Choisissez Animation intelligente et explorez les options :

• Style (le type d'animation)
• Courbe (comment le mouvement s'accélère ou se ralentit)
• Durée (durée de l'animation)
• Le timing (s'il s'agit d'une exécution automatique avec un délai ou d'un clic)

Laissez les paramètres par défaut, passez en mode "Présentation" et voyez-le en action.

Pour animer l'apparence d'une forme, sélectionnez l'objet et ajoutez-lui une animation.

Pour le prévisualiser, passez en mode "Présentation" et cliquez n'importe où sur l'écran.

Vous avez exploré l'outil et pouvez maintenant jeter un coup d'œil aux modèles disponibles et aux objectifs pour lesquels ils sont les mieux adaptés.

Les modèles permettent de gagner du temps en offrant des diapositives prêtes à l'emploi que vous pouvez adapter à vos besoins. C'est pourquoi nous avons d'abord exploré les diapositives Figma, afin que vous puissiez personnaliser les modèles en toute confiance sans craindre de les "casser".

Présentation d'un portfolio. Parfait pour se présenter et présenter son travail. L'envoi d'un portfolio à un employeur potentiel peut vous aider à vous démarquer.

Un modèle de portefeuille vous permet:

• Mettez vos compétences en valeur
• Afficher les mesures de performance
• Présenter des études de cas
• Présentez votre travail sous forme de maquettes
• Partagez votre parcours professionnel

Présentation de produits. Idéal pour présenter un nouveau produit ou service. Par exemple, lorsque vous avez achevé un projet, recueilli des données et préparé des éléments visuels pour une présentation à un client.

Un modèle de produit vous permet:

• Mettre en évidence les indicateurs clés
• Présenter les principes de votre produit
• Présenter une citation percutante
• Montrez l'interface de votre produit sur tous les appareils
• Partager les résultats d'une recherche ou d'une enquête

Présentation des résultats d'une recherche. Idéal pour présenter les résultats, les idées et les statistiques analysées recueillies dans le cadre d'un projet de recherche ou d'une enquête. Au lieu d'envoyer un simple document texte, l'utilisation de diapositives élégantes et bien structurées donne beaucoup plus d'impact à vos données.

Un modèle de résultats de recherche vous permet:

• Présenter les caractéristiques étudiées
• Présenter une analyse comparative
• Mettre en évidence les fonctionnalités les plus importantes

Présentation de la stratégie marketing. Idéale pour présenter des plans d'ensemble de manière soignée. Par exemple, en présentant une étude de marché ou de la concurrence, un plan de contenu et les objectifs à long terme de l'entreprise.

Un modèle de stratégie marketing vous permet:

• Afficher les objectifs à atteindre
• Présenter les résultats de la recherche sur les segments d'audience
• Définir le profil du client idéal
• Partager les résultats de l'enquête

Les modèles sont pratiques et cool, mais comment les utiliser dans la vie réelle ?

Prenons l'exemple d'une diapositive du modèle de résultats de recherche.

Voici une personnalisation simple :

• Ajoutez le nom de votre équipe et la date du jour dans les coins inférieurs.
• Ajoutez une courte description sur le côté gauche, ainsi qu'un lien vers les résultats détaillés.

Ensuite, vous devez fournir plus de détails :

• Ajouter le pourcentage correspondant
• Ajoutez une courte étiquette pour expliquer ce que le nombre représente

Expérimentons maintenant les accents de taille sur la diapositive :

C'est ainsi que vous remplacez le contenu par défaut par le vôtre, mais vous pouvez aller encore plus loin en personnalisant les couleurs, les polices, la mise en page, etc. Pour ce faire, passez en mode "Designer", mais n'oubliez pas que cela nécessite une connaissance plus approfondie de Figma.

Si vous ne souhaitez pas utiliser Figma pour créer des présentations, il existe d'autres options. Sur Tilda, tu peux transformer n'importe quelle page en une présentation en ligne en ajoutant un bloc spécial T203 de la catégorie Autre. Cette fonction adapte votre page à l'affichage en plein écran, ce qui vous permet de cliquer sur chaque écran comme s'il s'agissait de diapositives. Il est ainsi possible de tout gérer en un seul endroit, ce qui évite d'exporter des fichiers ou de passer d'un outil à l'autre.