Ouvrez l’espace de travail GIF et sélectionnez Create a GIF/MP4. Les réglages d’export apparaissent à côté des frames sélectionnés et de l’aperçu. GIF Editor conserve les commandes de son fichier chargé dans l’espace de travail de l’éditeur.
Tutoriel vidéo : créer des GIF animés
Cette vidéo montre comment animer et exporter des GIF à partir de vos propres designs, directement depuis Figma, avec le plugin TinyImage.
Tutoriel vidéo : ajouter des effets de transition aux exports de GIF animés dans Figma
Cette vidéo montre comment ajouter des effets de transition en fondu, en glissement ou en balayage aux exports de GIF animés dans Figma avec le plugin TinyImage.
Définir les dimensions
Par défaut, les dimensions du GIF correspondent à celles de la première image. Vous pouvez remplacer manuellement width et height.
Définir l’échelle
Utilisez la liste déroulante scale pour exporter à une taille mise à l’échelle (par exemple @2x ou @0.5x).
Choisir l’ajustement des images
Choisissez entre :
- Cover Images
- Contain Images (par défaut)
Définir la couleur d’arrière-plan
Définissez un arrière-plan uni à l’aide d’une valeur de couleur HEX.
Si vos frames sources comportent de la transparence, activez Transparent Background lorsque vous avez besoin d’un GIF transparent.
Configurer la compression et la qualité
Utilisez le curseur de qualité (1-100) pour régler la compression avec perte.
Activez Lossless si vous souhaitez une compression GIF sans perte de qualité.
Optimiser pour un poids cible
Activez Size Target et saisissez le poids maximal en Ko lorsque votre plateforme publicitaire, votre outil d’emailing ou votre workflow de publication impose une limite stricte au poids des GIF. TinyImage teste des niveaux de perte de plus en plus élevés et des palettes de 256, 128, 64 et 32 couleurs, puis utilise le résultat testé le moins agressif qui respecte l’objectif.
Lorsque Size Target est activé, TinyImage remplace les commandes manuelles Quality par l’objectif en Ko et masque Lossless, car il ajuste ces réglages automatiquement. Le même objectif est disponible dans Create a GIF/MP4, GIF Editor et Figma Motion Export. Il s’applique uniquement aux sorties GIF animé, et non aux formats APNG, WebP animé, MP4 ou WebM.
Certaines animations ne peuvent pas atteindre un objectif très bas sans modifier leurs dimensions, leur nombre d’images ou leur timing. Si aucun des réglages testés ne respecte la limite, TinyImage exporte le plus petit résultat valide qu’il a trouvé. Vérifiez le poids du fichier final avant de l’envoyer.
Configurer une palette de couleurs globale
Activez All frames have the same color palette pour réutiliser la palette de la première image sur toutes les images.
N’utilisez cette option que si elle est nécessaire pour corriger des artefacts ou des effets de bandes. Elle peut provoquer des problèmes de couleur lorsque les images suivantes utilisent des couleurs absentes de la première image.
Choisir le tramage de l’image
Choisissez un algorithme de tramage dans la liste déroulante Image Dithering.