All courses

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 !
Easy
6 hours
Interested in this free-access course?

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 !

Learning outcomes

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

Requirements

Prérequis :

Aucun ! Ce cours est accessible à tous. 

Outils nécessaires :

  • Papier et crayon
  • la version gratuite de Figma

Contributors

Instructor

Alexia Toulmet

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

Created by

Last updated: 1/23/2025
License

Développement

Créez une maquette web avec Figma

Easy
6 hours
Free-access course