Formation Framer : développement no-code
par May Navarro- 2 jours - 14 heures
- 1 à 6 participants
- Débutant
Formation Framer avec Mathieu Sourisse
- 400 formateurs experts
- Présentiel ou distanciel
- Apprentissage par la pratique
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. 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 personnalisés, pour vos clients comme pour vos propres projets.
Votre formateur
Programme adaptable à vos besoins
Un socle complet que votre formateur personnalise selon vos priorités, avec des exercices pratiques réalisés directement sur vos sites, campagnes ou projets web.
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
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
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)
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
Formation personnalisable sur demande.
Un échange avec votre formateur définira le programme et les exercices dont vous avez besoin, alignés sur vos objectifs professionnels.
À qui s’adresse la formation ?
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.
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.
Moyens et outils
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.
Outils utilisés pendant la formation
-
Framer
-
Figma
Tarif de la formation
En présentiel ou distanciel, la formation s’organise dans vos locaux, dans un lieu loué pour l’occasion ou en visioconférence, selon vos préférences.
3 jours
à partir de 4700€ HT
Prêt à vous former ?
Demandez votre devis, de la demi-journée au format sur-mesure.
Obtenir un devis
Réponse dans les 24h
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 personnalisé.
Ce qu’on aime dans la formation
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.
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.
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 !
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.
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.
Financer sa formation
Les formations alfie sont finançables jusqu’à 100 % par l’OPCO de votre entreprise ou sur fonds propres. Contactez votre RH ou votre direction pour faire le point.
La formation des indépendants se finance via un organisme qui s’appelle FAF. Les 3 principaux FAF sont le FIFPL, l’Agefice et le FAFCEA. Pour le connaître rapprochez vous de votre expert-comptable ou identifiez la convention collective qui s’applique à votre branche.
Les formations alfie ne sont pas éligibles au CPF. Des financements non automatiques via France Travail restent possibles, consultez votre conseiller pour étudier vos droits.
Contactez votre agence d’intérim pour activer vos droits à la formation auprès de l’organisme AKTO (ex-FAFTT) qui finance la formation des intérimaires.
-
Durée 3 jours
-
Participants 1 à 6 participants
-
Difficulté Débutant à expert
-
Prix 4700€ HT
Des questions ?
Appelez-nous : 02 55 99 46 86
Obtenir un devis
⚠️ Nos formations ne sont pas éligibles au CPF.
Brief complet, réponse rapide ! Pensez à inclure :
- qui doit être formé,
- quel niveau à l’apprenant sur le sujet,
- l’objectif de la formation,
- distanciel / présentiel (et le lieu).
On vous rappelle dans les 24h.
♿ Public en situation de handicap, nous écrire à bonjour@alfieformation.com
Une autre formation similaire