Développement
Créez une maquette web avec Figma
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
Table des matières
- Partie 1
Structurez un wireframe sur papier
- Partie 2
Construisez un wireframe avec Figma
- Partie 3
Créez une première maquette avec Figma