Comment utiliser l’outil de découpe dans Figma

Apprenez à utiliser l’outil Slice dans Figma pour exporter des parties spécifiques d’un design, comme des icônes, des éléments d’interface ou des sections. Suivez ce tutoriel rapide et créez des guides avec Trupeer.

Créez de superbes vidéos produit et des documents avec l’IA

Ce tutoriel a été créé avec Trupeer en moins de 5 minutes

Créez gratuitement

Guide étape par étape : comment utiliser l’outil Slice dans Figma

Étape 1

Pour commencer, accédez au menu de mise en forme dans Figma et cliquez sur l’option des outils régionaux.

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

Étape 2

Parmi les options disponibles, sélectionnez l’option Slice pour activer l’outil.

From the available options, select the slice option to activate the tool.

Étape 3

À l’aide de votre souris, sélectionnez l’objet que vous souhaitez découper.

Using your mouse, select the object you want to slice.

Étape 4

Cliquez sur l’option d’exportation pour poursuivre.

Click on the export option to proceed further.

Étape 5

Une option vous sera proposée pour exporter la découpe.

You will be presented with an option to export the slice.

Conseils de pro pour utiliser l’outil Slice dans Figma

  1. Activation rapide avec un raccourci
    Appuyez sur S sur votre clavier pour activer instantanément l’outil Slice sans passer par le menu.

  2. Nommez clairement vos slices
    Avant l’export, donnez à chaque slice un nom descriptif dans le panneau des calques. Cela aide à garder les fichiers exportés bien organisés.

  3. Utilisez les slices pour les exportations par lot
    Placez plusieurs slices sur différentes parties de votre design, puis exportez-les toutes en une seule fois pour créer les ressources plus rapidement.

  4. Alignez les slices sur la grille de pixels
    Pour des exportations nettes, assurez-vous que les limites de votre slice s’alignent sur des pixels entiers. Utilisez la grille de pixels (Ctrl + ‘ / Cmd + ‘) pour vérifier l’alignement.

  5. Combinez-les avec des préréglages d’exportation
    Configurez des préréglages d’exportation (par ex. PNG @2x, JPG) pour vos slices afin de réutiliser les paramètres sans avoir à les ajuster à chaque fois.

Erreurs courantes et comment les éviter

  1. Utiliser des slices pour des écrans entiers inutilement
    Vous n’avez pas besoin de slices pour exporter des frames entières—utilisez directement l’option d’export sur le frame pour gagner du temps.

  2. Limites de slice mal alignées
    Si les slices ne sont pas alignées sur la grille de pixels, les exportations peuvent paraître floues. Vérifiez toujours l’alignement de la grille avant d’exporter.

  3. Oublier de sélectionner le calque de slice
    Essayer d’exporter sans sélectionner le calque de slice ne fonctionnera pas. Assurez-vous que la slice elle-même est mise en surbrillance dans le panneau des calques.

  4. Faire se chevaucher des slices par accident
    Les chevauchements peuvent provoquer des exportations en double ou confuses. Gardez les slices séparées sauf si c’est intentionnel.

  5. Exporter sans vérifier les arrière-plans
    Les slices capturent exactement ce qui se trouve dessous. Si l’arrière-plan ne fait pas partie de la sélection, le fichier exporté peut être incomplet.

FAQ courantes sur l’utilisation de l’outil Slice dans Figma

  1. À quoi sert l’outil Slice ?
    Il vous permet de définir des zones d’exportation spécifiques dans votre design sans affecter la mise en page. Parfait pour exporter des icônes, des boutons ou des sections personnalisées.

  2. Puis-je redimensionner une slice après l’avoir créée ?
    Oui, les slices sont modifiables comme des formes. Faites glisser les coins ou ajustez les dimensions dans le panneau des propriétés.

  3. Les slices affectent-elles le design ?
    Non, ce sont uniquement des repères d’exportation et elles n’apparaîtront pas dans le design final.

  4. Puis-je exporter plusieurs slices à la fois ?
    Oui, sélectionnez plusieurs slices dans le panneau des calques et exportez-les ensemble.

  5. Les slices sont-elles prises en charge dans la version navigateur de Figma ?
    Oui, vous pouvez créer et exporter des slices dans les versions bureau et navigateur de Figma.

  6. Comment enregistrer l’écran sur Mac 
    Pour enregistrer l’écran sur un Mac, vous pouvez utiliser Trupeer AI. Il vous permet de capturer tout l’écran et offre des fonctionnalités d’IA telles que l’ajout d’avatars IA, l’ajout d’une voix off, ainsi que le zoom avant et arrière dans la vidéo. Avec la fonctionnalité de traduction vidéo par IA de Trupeer, vous pouvez traduire la vidéo dans plus de 30 langues. 

  7. Comment ajouter un avatar IA à un enregistrement d’écran ?
    Pour ajouter un avatar IA à un enregistrement d’écran, vous devrez utiliser un outil d’enregistrement d’écran IA. Trupeer AI est un outil d’enregistrement d’écran IA, qui vous aide à créer des vidéos avec plusieurs avatars et vous aide également à créer votre propre avatar pour la vidéo.

  8. Comment enregistrer l’écran sur Windows ?
    Pour enregistrer l’écran sur Windows, vous pouvez utiliser la Game Bar intégrée (Windows + G) ou un outil IA avancé comme Trupeer AI pour des fonctionnalités plus avancées telles que des avatars IA, la voix off, la traduction, etc.

  9. Comment ajouter une voix off à une vidéo ?
    Pour ajouter une voix off aux vidéos, téléchargez l’extension Chrome Trupeer AI. Une fois inscrit, importez votre vidéo avec voix, choisissez la voix off souhaitée dans Trupeer et exportez votre vidéo modifiée. 

  10. Comment puis-je zoomer dans un enregistrement d’écran ?
    Pour zoomer pendant un enregistrement d’écran, utilisez les effets de zoom dans Trupeer AI, qui vous permettent de zoomer avant et arrière à des moments précis, renforçant l’impact visuel de votre contenu vidéo.

Lectures suggérées

Générateur de documentation technique

Guide du manuel d’utilisation

Logiciel de base de connaissances

Comment masquer les noms des frames dans Figma

Comment enregistrer un fichier Figma

Comment créer une grille dans Figma

Comment créer une grille dans Figma

Comment flouter l’arrière-plan dans Figma

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo