Tuto Figma débutant 2024 : apprendre les bases en créant une landing page

Catégories : Figma
Liste de souhaits Partager
Partager le cours
Lien de la page
Partager sur les réseaux sociaux

À propos du cours

Le cours « Tuto Figma débutant 2024 » est conçu pour les personnes souhaitant apprendre les bases de Figma, un outil de conception graphique et de prototypage très populaire. Que vous soyez un étudiant, un professionnel ou simplement passionné par le design, ce cours vous permettra de maîtriser les fonctionnalités essentielles de Figma.

Au cours de ce mini-cours gratuit, vous apprendrez à créer une landing page, une page d’accueil attrayante et efficace pour un site web. Vous découvrirez comment utiliser les outils de Figma pour concevoir des maquettes, créer des éléments graphiques, organiser les calques, appliquer des styles et des couleurs, et bien plus encore.

Ce cours est spécialement conçu pour les débutants qui n’ont aucune expérience préalable avec Figma. Vous serez guidé étape par étape dans la création de votre propre landing page, en suivant les instructions claires et en utilisant les ressources fournies.

À la fin de ce cours, vous serez en mesure de maîtriser les compétences de base de Figma et de créer des designs professionnels pour vos projets personnels ou professionnels. Vous pourrez également continuer à explorer les fonctionnalités avancées de Figma et à développer vos compétences en conception graphique

Afficher plus

Qu’allez-vous apprendre ?

  • Introduction au logiciel Figma et son utilité dans le domaine de la conception et du design.
  • Présentation de l'interface de Figma et des différents outils disponibles.
  • Création d'un nouveau projet et paramétrage des dimensions de la landing page.
  • Utilisation des formes de base pour créer les éléments de la page (bloc de texte, boutons, images, etc.).
  • Importation d'images et d'icônes pour personnaliser la landing page.
  • Utilisation des grilles et des repères pour aligner et organiser les éléments de la page.
  • Utilisation des calques pour gérer la hiérarchie des éléments et faciliter la manipulation.
  • Création de styles de texte et de couleurs pour assurer la cohérence visuelle de la landing page.
  • Utilisation des effets et des ombres pour donner de la profondeur aux éléments de la page.
  • Création de prototypes interactifs pour présenter et tester la navigation de la landing page.
  • Exportation des éléments de la landing page aux formats image ou code pour une intégration dans un site web.
  • Conseils et bonnes pratiques pour optimiser son workflow sur Figma.
  • Ressources et outils complémentaires pour approfondir ses connaissances sur Figma et le design d'interfaces

Contenu du cours

Découverte

  • Création de la Topbar
    09:23
  • Mot de la fin
    00:43
  • Prototype : overlay
    02:14
  • Prototype : le scroll
    01:21
  • Fixer la topbar
    00:39
  • Prototype Figma
    05:38
  • Ma formation complète Figma
    00:47
  • Création de l’overlay
    11:25
  • Créations des Cards
    08:38
  • Les plugins
    04:25
  • Titrage et bouton scroll
    04:56
  • Interface
    01:42
  • Composant
    02:12
  • Auto Layout
    01:53
  • Création du bouton
    02:17
  • Création d’une grille
    01:29
  • Création d’un dégradé
    01:19
  • Création de la Frame
    02:54
  • Ajout de l’image de background
    02:23
  • Création du Logo Figma
    08:10
  • Déplacement et sélection
    01:13

Notes et avis de l’apprenant

Encore aucun avis !
Encore aucun avis !
—