- Durée 1 jour - 7 heures
- Participants 1 à 6 participants
- Niveau Débutant ou intermédiaire
Formation Framer Par Mathieu Sourisse
Vous souhaitez créer et vendre des sites web professionnels sans écrire une ligne de code ? Découvrez Framer, l’outil no-code dédié aux créatifs, déjà adopté par des milliers de designers dans le monde. La formation Framer vous guide pas à pas dans la conception de sites web premium, alliant stratégie UX, design UI et efficacité no-code. À travers un parcours structuré, vous apprendrez à concevoir vos interfaces directement dans Framer et découvrirez comment importer et transformer vos maquettes Figma en expériences interactives, animées et optimisées pour le web. Vous explorerez le CMS, le SEO et les animations, tout en construisant vos propres design systems et en publiant vos projets en ligne avec fluidité. À l’issue de cette formation, vous serez capable de concevoir et lancer des sites performants, modernes et 100 % personnalisés, pour vos clients comme pour vos propres projets.
Tarif
sur-mesure
4700 €
HT
Sur-mesure : programme personnalisé pour les salariés d’une seule entreprise.
- Durée 3 jours
- Participants 1 à 6 participants
- Niveau Débutant à expert
Programme
100% personnalisable - formation sur-mesure ! Jour 1 Première demi-journée
- Découvrir Framer et l’écosystème no-code
- Comprendre le no-code et la place de Framer dans l’écosystème
- Appréhender les bases UX du web design et la structure d’un site
- Structurer un projet : pages, sections et hiérarchie de contenu
- Prendre en main les fondations et l’interface de Framer
Jour 1 Deuxième demi-journée
- Design UX/UI et bases du design system
- Intégrer les fondamentaux UI appliqués au web design
- Construire un design system dans Framer
- Maîtriser la logique d’auto-layout
- Concevoir et organiser ses premiers composants
Jour 2 Première demi-journée
- Responsive et interactions avancées
- Adapter un site à tous les écrans : breakpoints, positions et relativité
- Maîtriser les variantes et les variables de composants
- Mettre en place des interactions dynamiques entre les éléments
- Concevoir des animations cohérentes et fluides
Jour 2 Deuxième demi-journée
- Pages, contenu et navigation
- Créer un template de page dans Framer
- Concevoir une navigation fluide et relier les pages entre elles
- Créer une version mobile adaptée du menu
- S’exercer à la mise en page et à la conception de contenu
Jour 3 Première demi-journée
- CMS, SEO et publication
- Comprendre la logique du CMS dans Framer
- Créer des collections dynamiques (blog, catégories, articles)
- Organiser une page de contenu CMS et ses variables
- Optimiser le référencement naturel (SEO)
Jour 3 Deuxième demi-journée
- Publication, paramètres et bonnes pratiques
- Publier un site et tester ses performances
- Optimiser le SEO global du projet - Importer ses fichiers Figma directement dans Framer - Gérer les redirections, choisir son abonnement et FAQ
- Importer ses fichiers Figma directement dans Framer
- Gérer les redirections, choisir son abonnement et FAQ
Moyens
Utilisation du logiciel Framer en temps réel (démonstrations et exercices pratiques), supports PDF de présentation téléchargeable à la fin de la formation et mises en pratique individuelles sur un projet personnel ou professionnel possible.
Prérequis
Avoir des bases en design ou en web design : connaître les notions essentielles d’UX/UI facilitera la compréhension des modules. Avoir un projet concret à prototyper ou un site à concevoir est recommandé pour mettre immédiatement en application les apprentissages. Il sera nécessaire de créer un compte Framer (gratuit) pour réaliser les exercices pratiques.
Public
Designers UX/UI, webdesigners, graphistes, intégrateurs, développeurs, chefs de projet digital, créateurs de contenu ou indépendants souhaitant concevoir et vendre des sites web modernes sans coder.
Le mot du formateur
Framer révolutionne la façon de concevoir et de produire des sites web. Grâce à cet outil no-code, il est désormais possible de créer des sites fonctionnels, performants et esthétiques sans faire appel à un développeur et en réduisant ainsi drastiquement les coûts de production. Cette formation vous apprendra à exploiter tout le potentiel de Framer pour concevoir, animer et publier des sites web complets, 100 % personnalisables et optimisés. Mon objectif est de vous permettre, en tant que designer, de créer et vendre des sites web professionnels en toute autonomie, sans compromis sur la qualité ni la performance.
- call de cadrage avec le formateur avant la formation
- 2 exercices minimum par demi-journée
- apprenez aux côtés d’experts
- évaluation de la qualité après chaque formation
- formateurs sélectionnés pour leur pratique du terrain
- call de cadrage avec le formateur avant la formation
- 2 exercices minimum par demi-journée
- apprenez aux côtés d’experts
- évaluation de la qualité après chaque formation
- formateurs sélectionnés pour leur pratique du terrain
Ce que vous apprendrez
Comprendre les fondamentaux du no-code et maîtriser l’écosystème Framer.
Concevoir une interface web complète et fonctionnelle.
Créer un design system structuré (web design).
Gérer le responsive design, les interactions et les animations avancées.
Utiliser le CMS et les paramètres SEO de Framer.
Publier un site web professionnel, fluide et 100% personnalisé.
Questions fréquentes sur la formation Framer de Mathieu
Quels outils vais-je utiliser durant la formation ?
La formation se déroule directement sur Framer, l’outil no-code de conception de sites web. L’usage de Figma est conseillé pour certains exercices, mais reste facultatif : tout peut être conçu directement dans Framer.
L'équipe alfie
Avec quoi vais-je repartir à la fin de la formation ?
À l’issue de la formation, vous repartirez avec une excellente compréhension de Framer, de ses composants, de sa structure et de ses principales fonctionnalités : pages, navigation, animations, CMS et SEO. Vous serez capable de concevoir vos propres sites et de poursuivre votre progression en toute autonomie. Il ne vous restera qu’à pratiquer et consolider vos acquis sur un projet concret !
L'équipe alfie
La formation est-elle vraiment pratique ?
Oui, la formation est entièrement axée sur la pratique. Chaque demi-journée alterne démonstrations, exercices guidés et mises en situation réelles dans Framer. L’objectif est de vous rendre autonome et confiant dans l’usage de l’outil.
L'équipe alfie
Faut-il savoir coder ?
Non, aucune compétence en code n’est requise. Framer permet de concevoir des sites web professionnels sans écrire une seule ligne de code, grâce à une interface intuitive et visuelle.
L'équipe alfie
Des questions ?
Appelez-nous :
02 55 99 46 86
Obtenir un devis
⚠️ Nos formations ne sont pas éligibles au CPF.
En présentiel, distanciel ou e-learning, alfie organise votre formation sur-mesure.
On vous rappelle dans les 24h pour échanger sur votre projet de formation.
♿ Public en situation de handicap, nous écrire à bonjour@alfieformation.com