CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Comment Exporter des Éléments Visuels dans Figma

Comment Exporter des Éléments Visuels dans Figma

Export d'éléments d'un projet Figma

Vidéo non disponible ! Réessayez plus tard

3h 8min

42 leçons

4,7

Transcription

Cette leçon fait partie de la formation

Atelier Figma - Design d'application

159,00€ Paiement unique • Accès à vie Acheter cette formation

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

3h 8min

42 leçons

4,7

Cette leçon fait partie de la formation

Atelier Figma - Design d'application

159,00€ Paiement unique • Accès à vie Acheter cette formation

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Procédure Étape par Étape

Objectifs

Les objectifs de cette vidéo sont de:

Maîtriser l'exportation d'éléments visuels dans différents formats
Comprendre les options de résolution et de qualité
Savoir comment organiser et conserver ces éléments pour des utilisations futures

Résumé

Découvrez comment exporter vos éléments visuels à partir de Figma en quelques étapes simples.

Description

Dans cette leçon, nous allons explorer le processus d'exportation des éléments visuels à partir de Figma. Que ce soit pour des présentations, des emails ou des dossiers, il est crucial de savoir comment exporter efficacement vos composants de design. Vous apprendrez à:

Utiliser l'onglet Export
Choisir la résolution et le format de fichier appropriés
Enregistrer vos fichiers sur votre ordinateur

Ce tutoriel vous guidera également à travers les différentes options de formats tels que PNG, JPEG, SVG, et PDF, chacun ayant ses avantages spécifiques. À la fin de la leçon, vous serez capable de choisir le bon format et la bonne résolution pour vos besoins spécifiques.

Questions fréquentes

Quelle est l'utilité principale de l'onglet Export dans Figma?

L'onglet Export dans Figma permet d'exporter des éléments visuels dans différents formats de fichier, appropriés pour diverses utilisations comme des présentations, des emails ou des archives.

Quels formats de fichier sont disponibles pour l'exportation dans Figma?

Les formats de fichier disponibles pour l'exportation dans Figma incluent PNG, JPEG, SVG, et PDF, chacun offrant des avantages spécifiques selon l'utilisation souhaitée.

Pourquoi choisir une résolution plus élevée lors de l'exportation d'éléments visuels?

Choisir une résolution plus élevée lors de l'exportation permet d'obtenir une meilleure qualité d'image, bien que le fichier résultant sera plus volumineux.

Programme détaillé

Accueil de la formation

Module 1 - Installation de Figma

Présentation de Figma 01:16

L'installation de Figma - Online & desktop 00:35

Accueil de Figma 04:21

Création d'un document 00:36

Module 2 - Découverte de l'interface

Menu et interface Figma 00:43

Barre d'outils 15:08

Menu layers & assets 06:00

Menu design & prototype - Les grands principes 02:14

Menu design & prototype - Démonstration de chaque feature 10:27

Module 3 - Refonte de l'application météo "Rain Today"

Présentation de l'application 12:03

Création des layers et de l'écrans Welcome 14:30

Du wireframe au design d'interface UI 01:56

Les goutières et les colonnes 02:07

Fond en dégradé 02:24

Elements et composants externes 03:14

Position des éléments de structure et application des styles 10:03

Créer une ombre 03:09

Element de base du graphique 05:57

Positionnement des axes 02:42

Courbe dégradée 10:11

Creation de la timeline du graphique 04:09

Barre de navigation 05:54

Cloner d'un écran 04:00

Utilisation du masque et création de la carte 03:42

Pictogramme de la carte 03:52

Creation de la timeline de la carte 06:44

Zone de précipitation 05:22

Ecran de recherche 03:00

Fonctionnalité des listes 04:47

Dupplication et intégration d'un composant externe 02:48

Export d'éléments d'un projet Figma 02:09

Module 4 - Prototypage de l'app

Introduction au prototypage et 1ère animation 04:20

Prototypage des écrans et test 05:54

Autres animations & conseils 02:27

Partage de prototypes 00:37

Module 5 - Pour aller plus loin / Bonus

Faire évoluer votre designs dans le temps - passage en dark mode 02:54

Plug in Morph 02:25

Glass effect 03:54

Neumorphism 03:25

Content Reel 02:44

Mapsicle 01:50

Brandfetch 01:47

7 commentaires

4,7

7 votes

jc.mosca

Il y a 2 ans

Comme dit plus haut, mise à part les centaines de "du coup" et "en fait" plutôt agaçants, c'est comme d'habitude chez Elephorm une formation enrichissante. J'ai mis seulement 4 étoiles car il manque la démonstration des overlays, des contraintes, des listes à puces et pas mal d'autres. Ce serait bien qu'Elephorm fasse des mises à jour de ses formations.

ousmane.ndia

Il y a 2 ans

Bien pour apprendre les bases, mais manque les nouveautés de 2022.

nicolas.dessis

Il y a 2 ans

Merci !

pioupiou06

Il y a 2 ans

Super formation ! très bien expliquée !

pulpozien

Il y a 3 ans

Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super

maellechancerelle

Il y a 3 ans

Super formation!!

Millenium

Il y a 4 ans

Cette formation est vraiment au top ! Je ne connaissais rien de Figma (étant "seulement" développeur à la base) et j'ai appris beaucoup de choses, je recommande donc cette formation; le formateur est très sympathique et professionnel dans sa pédagogie, c'est très agréable à suivre. Je recommande par contre d'avoir au moins deux écrans (voir trois) pour suivre la vidéo et pratiquer/prendre des notes en même temps.

Seul bémol par contre, pitié Elephorm, mettez les fichiers de travail avec la formation... (Ce n'est pas la seule sur laquelle il manque les fichiers d'ailleurs); mais mettez-les, ça évite d'aller chercher à droite et à gauche des SVG que l'on doit convertir, des images, etc...

A part ça, super formation !