Formation Framer : développement no-code
par May Navarro- 2 jours - 14 heures
- 1 à 6 participants
- Débutant
Formation Framer
- 400 formateurs experts
- Présentiel ou distanciel
- Apprentissage par la pratique
Créez et publiez le site de votre entreprise avec Framer, l’outil de création de sites web sans code. De la structure des pages à la mise en ligne, vous apprenez à construire un site à la main puis à accélérer avec l’agent IA intégré, et vous repartez avec un site publié que vous savez faire évoluer sans développeur.
- Structurez les pages et les sections de votre site
- Construisez un design system et des composants réutilisables
- Adaptez le site à tous les écrans et animez vos pages
- Accélérez avec l’agent IA, puis corrigez son travail
- Gérez vos contenus, réglez le référencement et publiez
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
Prise en main de Framer et structure du site
matin- Place de Framer parmi les outils de création de sites sans code
- Découverte de l'interface et de la structure d'un projet
- Bases UX du webdesign et structure d'un site
- Organisation des pages, des sections et de la hiérarchie des contenus
- Bonnes pratiques de nommage et d'organisation
- Atelier : construction d'une page simple entièrement à la main
Design system, composants et affichage sur tous les écrans
après-midi- Fondamentaux UI appliqués au webdesign
- Construction d'un design system dans Framer
- Logique d'auto layout
- Conception et organisation des premiers composants
- Variantes et variables de composants
- Réglage des styles et des points de rupture pour tous les écrans
- Import d'un prototype Figma dans Framer
- Atelier : adaptation d'un prototype Figma ou d'une page créée dans Framer
Jour 2
Interactions, navigation et agent IA
matin- Interactions et animations entre les éléments
- Création d'un modèle de page
- Navigation entre les pages et menu mobile
- Agent IA du canevas : génération de pages, de sections et de styles
- Relecture et correction du travail de l'agent IA
- Atelier : génération d'une section par l'agent IA, puis reprise à la main
CMS, référencement et publication
après-midi- Logique du CMS dans Framer
- Collections dynamiques : blog, catégories, articles
- Page de contenu CMS et ses variables
- Test des modifications sans risque avec le Branching
- Configuration des formulaires
- Optimisation du référencement naturel (SEO)
- Publication du site et test de ses performances
- Redirections et choix de l'abonnement
- Atelier : publication d'un site complet, à la main et avec l'agent IA
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.
J'ai eu l'occasion d'effectuer 3 formations via Alfie (Google Ads / GA4 / IA). Très bon déroulement, que ce soit en nos locaux, directement chez Alfie ou en visio. Intervenants de qualité, plateforme de formation simple d'utilisation. Je recommande 🙂
À qui s’adresse la formation ?
Public
Chargés de marketing et de communication, responsables digitaux, chefs de projet web, webdesigners, designers UX UI et graphistes, dirigeants de TPE et PME, indépendants : toute personne qui veut créer ou faire évoluer le site de son entreprise sans dépendre d’un développeur.
Prérequis
Aucune compétence en code. Des notions de webdesign (mise en page, hiérarchie visuelle, affichage sur mobile) facilitent la formation ; le niveau attendu dépend du programme choisi, chaque fiche le précise. Prévoir un ordinateur avec un navigateur récent, une connexion internet stable et un compte Framer gratuit créé avant la session. Un projet de site ou une maquette Figma est utile, sans être obligatoire.
Moyens et outils
Moyens
Démonstrations en direct dans Framer, cas pratiques guidés sur un projet de site, alternance de construction à la main et de production assistée par l’agent IA, support de formation au format PDF. Les acquis sont évalués par la mise en pratique tout au long de la formation.
Outils utilisés pendant la formation
-
Framer
-
Figma
Tarifs des formations
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.
2 jours
Maîtrise
Devenir autonome sur vos cas réels.
à partir de 3400€ HT
3+ jours
Immersion
Transformer une pratique d'équipe.
à 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
Structurer un site avant de le dessiner.
Organiser pages, sections et contenus pour que le site reste lisible et modifiable dans six mois, par vous ou par un collègue.
Construire des pages propres dans Framer.
Composants, styles, nommage : les réglages qui font qu’une modification se fait en deux minutes au lieu de casser la mise en page.
Adapter le site au mobile et l'animer avec mesure.
Régler l’affichage sur chaque taille d’écran et ajouter des interactions qui servent la lecture.
Faire travailler l'agent IA sans lui céder la main.
Lui confier une section, relire ce qu’il produit, repérer les écarts et corriger à la main. Sans cette relecture, on gagne du temps mais on ne sait plus reprendre le site.
Publier et faire vivre le site.
Gérer les contenus dans le CMS, poser les réglages de référencement, mettre en ligne, puis ajouter une page ou une actualité sans passer par un prestataire.
Les programmes clés en main de nos formateurs
Découvrez les programmes clé en main créés par nos formateurs. Tous personnalisables, ils sont une base solide pour votre montée en compétences et peuvent être complétés d’exercices pratiques sur votre site, vos campagnes publicitaires ou vos projets digitaux.
2 formations trouvées
Un formateur hyper compétent et des émargements faits en 30 seconde à peine. Alfie semble proposer un service simplifié et non simpliste, avec des formateurs pertinents et passionnant. Merci pour ces 2 journées intenses mais tellement enrichissantes.
Questions fréquentes pour se former à Framer
Cette formation convient à quelqu'un qui n'a jamais ouvert Framer ?
Oui. La première journée part de la prise en main : l’interface, la structure d’un site, une première page construite à la main, puis le design system, les composants et l’affichage sur tous les écrans. La seconde journée va plus loin, avec les interactions, l’agent IA, le CMS, le référencement et la publication.
Si vous avez déjà des bases en design, ou si votre besoin est plus ciblé, les programmes présentés sur cette page n’ont pas tous le même point de départ. Décrivez le site à construire et qui le mettra à jour : on vous oriente vers le bon.
Il faut savoir coder pour suivre une formation Framer ?
Non. Framer se manipule visuellement, sans écrire de code. Des notions de webdesign aident à avancer plus vite, et les bases UX et UI utiles à la construction d’un site sont posées dès la première journée.
Il faut connaître Figma ?
Non. La formation montre comment importer une maquette Figma dans Framer, mais tout peut se construire directement dans Framer. Si vous avez déjà une maquette, elle servira de point de départ.
Framer convient au site de votre entreprise ?
Framer est pensé pour les sites vitrines, les pages de campagne et les sites de contenus qu’une équipe marketing veut modifier sans aide extérieure. Avant de choisir, vérifiez trois points : qui mettra le site à jour, les fonctions dont vous avez besoin (boutique en ligne, espace client, connexions à vos outils), et le fait qu’un site publié avec Framer est hébergé chez Framer.
Si votre site tourne déjà sous un autre outil, la question de la migration se pose à part, idéalement avant la formation.
L'agent IA de Framer ne suffit pas à construire un site ?
Il produit vite une section ou une page, pas un site qu’on sait reprendre. Sans les bases de structure, on ne voit pas ce qu’il a mal rangé, et chaque correction devient une nouvelle demande. C’est pourquoi la formation commence par la construction à la main, avant de faire travailler l’agent IA.
Comment financer une formation Framer ?
On est un organisme de formation certifié Qualiopi : ces formations peuvent être prises en charge par l’OPCO de votre entreprise. Le montant pris en charge dépend de votre OPCO, de votre branche et de la taille de l’entreprise ; il se vérifie avant la session.
Elles ne sont pas éligibles au CPF. On vous transmet le programme, la convention et les documents que l’OPCO demande pour instruire le dossier.
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 2 à 3 jours
-
Participants 1 à 6 participants
-
Difficulté Débutant à expert
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
Les autres formations no code
Formation Power Apps
2 formations disponibles- 1 à 2 jours
- 1 à 5 participants
- Débutant à intermédiaire
