Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Qu’est-ce qu’un enseignant en 2025 ? Définition, missions et nouveaux défis

Découvrez l’évolution du métier d’enseignant en 2025 : compétences, missions, nouveaux rôles à l’ère du numérique et de l’intelligence artificielle, enjeux et perspectives dans la formation professionnelle et scolaire.

Allan Busi

30 juin 202412 min

Pourquoi Apprendre à Coder en JavaScript avec la Pédagogie Learni en Juillet 2025 ?

Découvrez comment la pédagogie innovante Learni révolutionne l'apprentissage de JavaScript en juillet 2025, avec des méthodes adaptées au marché, des outils interactifs et un suivi personnalisé.

Allan Busi

19 juil. 202512 min

Pourquoi l'école ? Sens, enjeux et transformations en 2025

Découvrez pourquoi l'école reste un pilier fondamental de la société en 2025. Analyse des enjeux, évolutions pédagogiques, missions et défis des systèmes éducatifs contemporains.

Allan Busi

30 juin 202413 min

Comment une TPE peut-elle bénéficier de la VAE en 2025 ?

Découvrez comment les très petites entreprises (TPE) peuvent tirer parti de la Validation des Acquis de l'Expérience (VAE) en 2025 : opportunités, démarches simplifiées, financements et retours sur investissement.

Allan Busi

30 juin 202412 min

Voir tous les articles

Objectifs de la formation

Comprendre pleinement l’environnement Framer et ses fonctionnalités clés

Créer des prototypes interactifs, animés et dynamiques sans codage avancé

Importer et structurer des designs depuis Figma ou Sketch

Utiliser les composants interactifs et les variables dans Framer

Intégrer des données et simuler des contenus réels

Collaborer efficacement sur des prototypes au sein d’une équipe

Exporter et partager un prototype professionnel avec toutes les parties prenantes

Programme

Jour 1Introduction et prise en main de Framer

Présentation de Framer : histoire, positionnement et forces par rapport à la concurrence (Figma, Adobe XD). Installation et découverte de l’interface. Parcours des principales fonctionnalités : artboards, frames, layers, outils de text/image/vector. Import d’UI depuis Figma ou Sketch. Prise en main des premiers blocs interactifs et création d’une première maquette simple. Exemples de prototypes visuels classiques (boutons, overlay, navigation simple). Mise en pratique immédiate grâce à des exercices guidés.

Jour 2Interactions avancées et animation de prototypes dynamiques

Comprendre l’usage des variants & des composants réutilisables. Gestion de l’interactivité : liens, triggers, évènements sur actions (hover, click, drag). Création d’animations fluides (transitions, micro-interactions, states multiples). Mise en place de prototypes responsifs multi-devices. Approfondissement de la logique interactive avec les variables, conditions et intégration de données fictives. Exercices pratiques : construction d’un prototype d’application mobile complet, simulation de scénarios utilisateurs (onboarding, pages dynamiques, formulaires).

Jour 3Optimisation, collaboration et finalisation de prototypes pro

Gestion du partage et de la collaboration en équipe : commentaires, contrôle des accès, versioning. Astuces pour accélérer la conception (templates, ressources, components de bibliothèque). Simuler des API & intégrations de données externes (JSON, Google Sheets). Recueillir, intégrer et exploiter les feedbacks dans Framer. Préparer son prototype pour le test utilisateur ou la présentation client : accès public, prévisualisation mobile, export des assets. Travaux pratiques de synthèse : mise en œuvre sur un projet réel, passage en revue des points clés et réponses personnalisées aux problématiques des stagiaires.

Méthode d'évaluation

QCM de validation des acquis en fin de formation
Réalisation d’un prototype interactif présenté à l’ensemble du groupe
Évaluation continue par exercices pratiques à chaque étape

Méthode d'apprentissage

Cours interactifs et démonstrations pas à pas
Études de cas et résolution de problématiques UX réelles
Travaux pratiques individuels et en petits groupes
Support de cours détaillé, fiches mémos et accès à des ressources complémentaires

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Qu’est-ce qu’un enseignant en 2025 ? Définition, missions et nouveaux défis

Pourquoi Apprendre à Coder en JavaScript avec la Pédagogie Learni en Juillet 2025 ?

Pourquoi l'école ? Sens, enjeux et transformations en 2025

Comment une TPE peut-elle bénéficier de la VAE en 2025 ?

Maîtriser Framer – Prototypage interactif et design d’interface

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Framer : Maîtrisez le Prototypage d’Interfaces Interactives

Test Utilisateur : Optimisation de l’Expérience Utilisateur pour vos Produits Digitaux

UX E-commerce : Optimiser les Parcours Utilisateurs pour Booster vos Ventes en Ligne

Maîtrisez Framer : De la conception UI au prototypage interactif avancé