Tous les cours

Développement

Créez une maquette web avec Figma

Découvrez comment construire le rendu visuel d'une page web. Dans ce cours, vous dessinerez une mise en page avec papier et crayon d'abord, avant de la créer sur Figma !
DifficultéFacile6 heures
Ce cours en libre accès vous intéresse ?

En tant que développeur ou développeuse, vous pensez peut-être que vous ne devez vous préoccuper que du code. Détrompez-vous ! Savoir développer, c'est aussi savoir collaborer efficacement. Quand il s'agit de créer un produit, rien de tel que de se mettre d'accord autour d'un rendu visuel.

Bonne nouvelle : la maquette est là pour ça. Elle est un support d'échanges entre toutes les parties prenantes à un site Internet : les utilisateurs, les développeurs et les designers. Alors, ce serait dommage de vous priver d'un tel outil.

Dans ce cours, vous apprendrez à faire de la maquette votre alliée. À ce stade, vous n'aurez pas toujours accès à une maquette parfaitement réalisée pour coder. C'est pour cela que nous allons voir les bases de la création de maquette ensemble, pour vous aider à gagner en autonomie !

Donc si vous aussi vous voulez apprendre à manier la maquette pour collaborer en entreprise, et gagner du temps de développement, n'attendez plus, et rejoignez-moi dans ce cours !

Objectifs pédagogiques

  • Structurer un wireframe sur papier
  • Construire un wireframe avec Figma
  • Créer une première maquette avec Figma

Prérequis

Prérequis :

Aucun ! Ce cours est accessible à tous. 

Outils nécessaires :

  • Papier et crayon
  • la version gratuite de Figma

Et si vous en faisiez votre métier ?

Suivez une des formations diplômantes de notre école 100% en ligne, et transformez vos connaissances en compétences professionnelles.

  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel

Contributeurs

Professeur

Alexia Toulmet

Développeuse frontend passionnée par l'enseignement 👩‍💻

Créé par

Mis à jour le 23/01/2025

Licence

Développement

Créez une maquette web avec Figma

DifficultéFacile6 heures
Cours en libre accès