Webflow permet aux designers de transformer leurs maquettes en sites web responsifs, performants et administrables, sans écrire de code. Cette formation couvre la structure, le design, les composants, le CMS, les interactions, le référencement et la publication, avec les outils d’IA de la plateforme. Aucune compétence en code n’est requise ; la formation convient particulièrement aux designers.
Objectifs :
• Comprendre la logique de Webflow et son lien avec Figma.
• Structurer un site avec sections, conteneurs, grilles et Flexbox.
• Créer un système de styles, de variables et de composants réutilisables.
• Construire des contenus dynamiques avec le CMS.
• Concevoir des interactions et des animations.
• Optimiser le référencement, respecter le RGPD et publier son site.
Formation disponible
présentiel, individuel
Formation disponible présentiel, individuel.
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Découvrir Webflow
• Approche sans code et communauté ; Webflow University
• Du design Figma au site Webflow
• Offres, hébergement et nom de domaine
• Tour de l’interface : panneaux Styles, Navigator, Pages, CMS
Débuter un projet
• Création d’un projet à partir d’un modèle ou de zéro
• Éléments de base : sections, blocs, conteneurs
• Paramètres du projet et points de rupture
Architecture du site
• En-tête, corps, pied de page
• Grilles CSS, Flexbox, classes et réutilisation des styles
• Pages statiques et collections du CMS ; relations entre collections
• Navigation, liens dynamiques et ancres
Design
• Styles globaux et variables : couleurs, typographies, espacements
• Composants réutilisables et propriétés
• Polices personnalisées et gestion des ressources
• Maquettes responsives mobile, tablette, ordinateur
Interactions et médias
• Interactions au défilement, au clic et au survol ; animations avancées
• Images optimisées, vidéos, animations Lottie
Référencement
• Balises meta, titres, textes alternatifs, URL et redirections
• Performances et accessibilité
• Visibilité dans les moteurs de réponse IA
Aller plus loin
• Formulaires et automatisation (Zapier, Make)
• RGPD : bannière cookies, politique de confidentialité, mentions légales
• Applications, intégrations et introduction au e-commerce
• Sites multilingues : principes
Publication
• Prévisualisation, validation et publication ; export du code
• Gestion des versions et sauvegardes ; rôles et accès des clients
Ouverture aux outils d’IA
• Assistant d’IA de Webflow : générer des sections, du contenu et des styles
• Garder la cohérence de marque et vérifier les contenus
