Tous les cours

Développement

Intégrez une maquette Figma en HTML & CSS

Intégrez votre propre maquette Figma sur le web en utilisant le HTML et le CSS.
Facile
4 heures
Ce cours en libre accès vous intéresse ?

Vous êtes développeur, et vous maîtrisez les bases du HTML CSS ? Vous avez peut-être même déjà conçu une maquette Figma ? Il est temps de passer du design au code en intégrant votre maquette. Vous ne savez pas par où commencer ? Rassurez-vous, vous êtes au bon endroit !

Ce cours est là pour vous accompagner, au travers d'un cas pratique, dans l'intégration de votre maquette, qu'elle vous soit fournie par un designer ou que vous l'ayez conçue vous-même.

Alors, prêt à vous lancer ?

Objectifs pédagogiques

  • Intégrer une maquette Figma en HTML / CSS

Prérequis

Prérequis : 

  •  Maîtriser les fondamentaux de HTML et du CSS.

Pour ce faire, les parties 1 et 2 du cours Apprenez à créer votre page web avec HTML5 et CSS3 peuvent vous aider

  •  Avoir une maquette à intégrer.

Vous pouvez apprendre à créer votre propre maquette grâce au cours Créez une maquette web avec Figma

Outils nécessaires :

  • Figma
  • Un éditeur de code (VS Code, Sublime Text...)

Contributeurs

Professeur

Gabriel Hubert

"A person who never made a mistake never tried anything new." - Albert Einstein

Créé par

Mis à jour le 03/02/2026
Licence

Développement

Intégrez une maquette Figma en HTML & CSS

Facile
4 heures
Cours en libre accès