Formation Framer : Du design à la publication web en un clic (très prisé des designers)

Introduction à Framer et prise en main de l'interface

• —Identifier les éléments clés de l'interface Framer.
• —Créer un projet Framer et configurer les paramètres initiaux.
• —Manipuler les outils de base pour le placement d'éléments.

Conception d'interfaces : Layout et Responsive Design

• —Appliquer les principes de Responsive design avec les outils de layout.
• —Organiser les éléments d'interface via les piles et les grilles.
• —Adapter un design pour différentes tailles d'écran.

Composants interactifs et gestion des états

• —Créer des Composants interactifs réutilisables.
• —Gérer les différents états d'un composant (hover, clic, actif).
• —Utiliser les Variables de design pour la cohérence visuelle.

Prototypage haute-fidélité : Transitions et Animations

• —Mettre en œuvre des Animations fluides entre les écrans.
• —Configurer des transitions personnalisées pour les interactions.
• —Simuler des flux utilisateurs complexes.

Code Components : Extension des fonctionnalités

• —Intégrer des Code Components pour des interactions avancées.
• —Modifier les propriétés de Code Components existants.
• —Développer des composants personnalisés simples.

Intégration de données et contenus dynamiques

• —Connecter des données externes à des composants Framer.
• —Afficher des contenus dynamiques dans l'interface.
• —Gérer les collections de données pour des listes.

Optimisation et préparation à la Publication web

• —Optimiser les performances du projet Framer.
• —Vérifier la compatibilité multi-navigateurs.
• —Préparer les assets pour la mise en ligne.

Publication web et gestion de projet Framer

• —Publier un site web fonctionnel directement depuis Framer.
• —Gérer les mises à jour et les versions du site.
• —Collaborer sur un projet Framer avec d'autres utilisateurs.

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

Connaissances de base en design d'interface (mise en page, typographie, couleurs). Familiarité avec les principes du responsive design. Compréhension des concepts de composants UI.

Accès à un ordinateur avec une connexion internet stable. Compte Framer (version gratuite ou payante). Un éditeur de texte si l'utilisation de Code Components est envisagée (ex: VS Code).

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Framer est un outil de design web qui permet de créer des interfaces interactives et de les publier directement sur le web. Il est idéal pour les designers et les développeurs qui veulent créer des expériences utilisateur dynamiques sans avoir besoin de connaître en profondeur les langages de programmation.

Cette formation vous permettra de créer des interfaces interactives de haute qualité, de prototyper des expériences utilisateur avec des interactions avancées et de publier des sites web fonctionnels directement avec Framer. Vous apprendrez également à intégrer et créer des Code Components pour améliorer les performances de vos projets.

Les objectifs de cette formation sont de vous former à la conception d'interfaces interactives avec Framer, à l'intégration et à la création de Code Components, au prototypage avec des interactions avancées et à la publication de sites web fonctionnels directement avec Framer.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.