Formation Framer : développement no-code avec May Navarro
- 400 formateurs experts
- Présentiel ou distanciel
- Apprentissage par la pratique
Une méthode éprouvée pour concevoir des sites web professionnels sans écrire une seule ligne de code. Vous souhaitez créer, modifier et publier un site rapidement, sans dépendre d’un développeur à chaque ajustement ? Avec Framer 3.0, vous apprenez d’abord à construire proprement à la main pour rester autonome, puis à exploiter l’agent IA intégré au canvas pour accélérer votre production sans jamais perdre le contrôle du résultat. Que vous partiez d’un prototype Figma ou d’un simple schéma de vos pages sur une feuille, vous êtes au bon endroit.
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 : prise en main et construction manuelle
- Prise en main de Framer 3.0 : découverte de l'interface, compréhension de la logique no-code et exploration de la structure d'un projet.
- Créer depuis zéro : apprendre à concevoir des pages, sections et composants en appliquant les bonnes pratiques de nommage et d'organisation pour rester autonome sur la durée.
- Cas pratique : construire une page simple entièrement à la main en appliquant les bonnes pratiques de structure vues en cours.
Deuxième demi-journée : styles, responsive et import Figma
- Styles, responsive et breakpoints : maîtriser le réglage manuel des styles et des points de rupture pour pouvoir corriger et ajuster en toute autonomie.
- Deux points de départ possibles : importer un prototype Figma existant dans Framer, ou poursuivre la construction depuis zéro directement dans l'outil.
- Cas pratique : importer un prototype Figma (ou repartir de zéro) et l'adapter manuellement dans Framer en respectant la structure propre vue le matin.
Jour 2
Première demi-journée : l'agent IA au service de la production
- L'agent IA dans le canvas : générer des pages, sections, styles et contenus CMS à partir de prompts pour accélérer la production.
- Relire et corriger le travail de l'agent : repérer les écarts par rapport aux bonnes pratiques, puis ajuster manuellement pour garantir une structure propre et maîtrisée.
- Cas pratique : demander à l'agent IA de générer une section, puis la reprendre et la corriger à la main en appliquant les bonnes pratiques acquises.
Deuxième demi-journée : publication et projet final
- CMS dynamique, Branching et publication : apprendre à gérer du contenu dynamique, à itérer sans risque grâce au Branching, et à configurer formulaires et mise en ligne.
- Choisir la bonne méthode selon le contexte : savoir quand opter pour la construction manuelle, l'agent IA, ou une combinaison des deux pour un résultat optimal.
- Cas pratique final : publier un site complet en combinant production manuelle et agent IA, avec une vérification autonome de la qualité du résultat.
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
Webdesigners, designers UX/UI, développeurs no-code, chefs de projet digital, freelances, community managers, entrepreneurs et porteurs de projet souhaitant créer ou faire évoluer leur site web en toute autonomie.
Prérequis
Aucune expérience de Framer n’est requise : la formation est conçue pour les débutants sur l’outil. Une familiarité avec les notions de base du webdesign (mise en page, hiérarchie visuelle, responsive) est un plus, sans être obligatoire. Un ordinateur avec un navigateur récent, une connexion internet stable et un compte Framer gratuit créé avant la session sont nécessaires. L’apport d’un prototype Figma est optionnel : la formation fonctionne aussi bien en partant d’une création depuis zéro dans Framer.
Moyens et outils
Moyens
La formation utilise Framer 3.0 (un compte gratuit suffit) comme outil principal, accompagné d’un prototype Figma fourni par le formateur pour l’atelier d’import. Un support de cours PDF est mis à disposition des participants. La pédagogie s’appuie sur 4 cas pratiques guidés, alternant production manuelle et production assistée par l’agent IA. Les acquis sont évalués par mise en pratique tout au long de la formation.
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.
2 jours - 14 heures
à partir de 3400€ 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 la logique de Framer 3.0 et la différence entre construction manuelle et production assistée par IA.
Construire une page depuis zéro dans Framer en appliquant des bonnes pratiques de structure et de nommage.
Importer et adapter un prototype Figma directement dans Framer.
Mobiliser l'agent IA intégré pour accélérer la production tout en conservant la maîtrise du résultat.
Relire et corriger de façon autonome un rendu généré par l'agent IA.
Publier un site complet en combinant CMS, formulaires et bonnes pratiques de référencement.
Ce qu’on aime dans la formation
« Framer 3.0 change vraiment la façon de construire un site, mais je tiens à ce que vous gardiez la main sur votre travail. C’est pourquoi nous commençons par construire à la main, avec de bonnes pratiques de structure, avant d’introduire l’agent IA. Vous saurez aussi bien partir d’un prototype Figma que créer depuis zéro, et surtout, vous saurez relire et corriger ce que l’IA produit. En deux jours, vous repartez avec un site publié et une vraie autonomie. »
Questions fréquentes sur la formation Framer de May
Quels outils vais-je utiliser durant la formation ?
Vous travaillerez principalement avec Framer 3.0 et son agent IA intégré. Un prototype Figma peut également être utilisé comme point de départ si vous en disposez d’un.
Avec quoi vais-je repartir à la fin de la formation ?
Vous repartez avec un site fonctionnel publié, la maîtrise des fondamentaux manuels de Framer pour corriger en autonomie, et une méthode claire pour mobiliser l’agent IA à bon escient.
La formation est-elle pratique ?
Oui, chaque demi-journée comprend au moins un cas pratique appliqué sur un vrai projet de site, pour ancrer les apprentissages dans des situations concrètes.
Dois-je savoir utiliser Figma ?
Non, Figma est optionnel. Si vous disposez d’un prototype Figma, il sera utilisé comme point de départ ; sinon, la construction se fait entièrement depuis zéro dans Framer.
Vais-je uniquement apprendre à utiliser l'IA ?
Non. La formation commence par la construction manuelle pour vous rendre autonome dans les corrections, avant d’introduire l’agent IA comme accélérateur de production.
Ai-je besoin d'installer un logiciel avant la formation ?
Non, tout se passe dans le navigateur. Il vous suffit de créer un compte Framer gratuit avant le début de la session.
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 jours - 14 heures
-
Participants 1 à 6 participants
-
Difficulté Débutant
-
Prix 3400€ 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