Vous maîtrisez déjà le prototypage de base dans Figma, mais les nouveaux agents IA — côté design comme côté no-code — vous semblent encore flous ? Vous rêvez de transformer vos maquettes en sites ou applications fonctionnels sans écrire une seule ligne de code ? Vous êtes au bon endroit ! Cette formation articule deux familles d’outils complémentaires : l’IA pour le design (Figma, Relume) et l’IA pour le développement no-code (Framer, Claude), reliées entre elles par le protocole MCP.

Votre formateur

May Navarro
Formatrice UX, UI & IA
Voir le profil
Designer depuis 20 ans (Ikea, SNCF, Starbucks, etc.), formatrice depuis 10 ans (Le Wagon, Ynov, l'école de design de Nantes, Ubisoft, etc.), je partage avec vous ma passion pour le webdesign avec un enthousiasme communicatif.

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.

Programme

Première demi-journée : l'IA au service du design

  • Panorama des deux familles d'outils IA : comprendre la distinction entre l'IA pour le design (Figma, Relume) et l'IA pour le développement no-code (Framer, Claude/MCP), et savoir quand utiliser l'une ou l'autre.
  • Le Figma Design Agent : aller plus loin que le prototypage de base en explorant les styles, en itérant sur un design system existant et en tirant parti des capacités génératives de l'agent.
  • Cas pratique : à partir d'un prototype Figma existant, générer trois directions de style distinctes à l'aide du Figma Design Agent.

Deuxième demi-journée : préparer le pont entre design et code

  • Figma Make et Figma MCP : comprendre comment ces fonctionnalités préparent le passage du design vers le code et facilitent l'intégration avec les outils no-code.
  • Relume : générer un sitemap et des wireframes assistés par IA pour structurer efficacement un projet de plus grande envergure.
  • Cas pratique : construire un sitemap et des wireframes avec Relume, puis les importer dans Figma pour poursuivre le projet de manière cohérente.

Première demi-journée : transformer le prototype en site réel avec Framer

  • Framer AI : découvrir comment transformer un prototype Figma en site web réel et fonctionnel grâce aux fonctionnalités Wireframer et Workshop.
  • Le plugin Framer MCP et la bêta « Claude & Codex pour Framer » : apprendre à piloter le no-code directement depuis son propre LLM pour gagner en flexibilité et en contrôle.
  • Cas pratique : partir d'une page générée avec Wireframer et la faire évoluer en composant interactif sur mesure grâce à Workshop.

Deuxième demi-journée : pipeline complet du prototype au produit publié

  • Claude et le Model Context Protocol (MCP) : connecter l'IA aux outils de design et de no-code (Figma, Framer) pour automatiser et fluidifier chaque étape du workflow.
  • Cas pratique fil rouge : construire avec Claude un pipeline complet, du prototype Figma au site no-code publié, sur un projet concret mené tout au long de la journée.
  • Limites actuelles, bonnes pratiques et posture critique : identifier les contraintes des outils IA actuels et adopter une approche rigoureuse face aux résultats générés.
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

UX/UI designers et web designers maîtrisant le prototypage de base dans Figma et souhaitant intégrer l’IA à leur workflow. Freelances désireux de livrer des sites ou applications fonctionnels sans développeur. Directeurs artistiques, chefs de projet digital et formateurs en design souhaitant monter en compétences sur les outils IA.

Prérequis

Maîtriser le prototypage de base dans Figma est indispensable : frames, composants, liens entre écrans et mode présentation. Aucune compétence en développement n’est requise, la formation repose exclusivement sur des outils no-code. Disposer d’un compte Figma et d’un compte Framer (les versions gratuites suffisent). Avoir un compte Claude.ai est recommandé pour tirer pleinement parti des sessions MCP.

Moyens et outils

Moyens

La formation s’appuie sur une vidéoprojection et un support PDF dédié. Des comptes de démonstration Figma, Framer, Relume et Claude.ai (avec connecteurs MCP) sont mis à disposition. Un prototype Figma de base est fourni comme point de départ des ateliers, ou peut être apporté par l’apprenant. Quatre cas pratiques guidés sont répartis sur les deux journées, complétés par un projet fil rouge appliqué tout au long du second jour.

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 - 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

Distinguer les deux familles d'outils IA : l'IA pour le design (Figma, Relume) et l'IA pour le développement no-code (Framer, Claude/MCP).

Dépasser le prototypage de base dans Figma en exploitant les capacités du Figma Design Agent.

Générer un sitemap et des wireframes avec Relume et les intégrer efficacement dans Figma.

Transformer un prototype en site réel et fonctionnel grâce aux agents IA de Framer (Wireframer, Workshop).

Connecter Claude aux outils de design et de no-code via le protocole MCP pour automatiser le passage du prototype au produit livré.

Identifier les limites actuelles de ces outils et adopter une posture critique face aux résultats générés.

Ce qu’on aime dans la formation

« Beaucoup de designers maîtrisent déjà très bien le prototypage dans Figma, mais hésitent encore à franchir le pas vers l’IA générative ou vers le no-code pour livrer un vrai produit. Cette formation est construite pour ça : repartir de ce que vous savez déjà faire dans Figma, puis vous montrer comment l’IA démultiplie aussi bien votre travail de design que votre capacité à livrer un site ou une application sans développeur. Vous repartez avec une méthode et un pipeline que vous pourrez réutiliser dès votre prochain projet. »
— May Navarro

May Navarro

Questions fréquentes sur la formation IA UX-UI de May

Quels outils vais-je utiliser durant la formation ?

Vous travaillerez avec Figma (Figma Design Agent, Figma Make, Figma MCP), Framer (Wireframer, Workshop, plugin MCP), Claude (avec connecteurs MCP) et Relume.

Avec quoi vais-je repartir à la fin de la formation ?

Vous repartirez avec un pipeline IA testé de bout en bout — du design au no-code — appliqué sur un projet concret, une méthode pour choisir le bon outil selon l’étape du projet, et une sélection de ressources pour poursuivre votre veille.

La formation est-elle axée sur la pratique ?

Oui, elle comprend quatre cas pratiques guidés répartis entre les matinées et les après-midis des deux journées, ainsi qu’un projet fil rouge développé tout au long du second jour.

Faut-il savoir coder pour suivre cette formation ?

Non, l’ensemble du parcours repose sur des outils no-code (Framer) et sur des agents IA pilotés en langage naturel. Aucune compétence en développement n’est requise.

Cette formation est-elle adaptée aux débutants complets en design ?

Non, elle s’adresse à des personnes ayant déjà une pratique de base du prototypage dans Figma. Consultez les prérequis pour vérifier votre niveau avant de vous inscrire.

alfie, votre organisateur de formations au marketing digital

Nos formations vous apportent plus que de la simple théorie : astuces pour aller plus vite, études de cas, inspirations, bonnes pratiques du moment ou encore le résultat de notre veille.

4.85
Basé sur 203 avis
+2600 Apprenants
+767 Formations sur-mesure

Vous former avec alfie :

  • Des formateurs sélectionnés pour leur expertise métier et expérience du terrain.
  • Des programmes sur-mesure, grâce à un brief complet entre vous et votre formateur.
  • Un apprentissage par la pratique, pour mettre en application directement.

Financer sa formation

Les formations alfie sont finançables jusqu’à 100% par les OPCO, l’organisme financier des salariés du privé. Rapprochez-vous de votre RH ou de votre dirigeant avec votre projet de formation pour évoquer le budget OPCO disponible.

Toutes les entreprises sont aussi dans l’obligation de former leur salarié sous quelques manières que ce soit. Elles peuvent donc aussi faire le choix de financer votre formation avec leurs fonds propres.

Si vous souhaitez vous reconvertir, vous pouvez prétendre à un PTP (Projet de Transition Professionnelle) qui permet de réaliser une formation sur une durée longue en maintenant votre salaire et en finançant tout ou partie de votre formation. Le financement peut se faire par le biais de l’OPCO de votre entreprise.

➡️ Simulez votre budget formation !

Si vous êtes Freelance ou Indépendant, alors votre organisme de de financement s’appelle un FAF (Fonds d’assurance à la Formation), auprès duquel vous cotisez.

Il existe différents FAF qui dépendent de votre secteur d’activité. Pour le connaître rapprochez vous de votre expert-comptable ou identifiez la convention collective qui s’applique à votre branche. Vous y trouverez le nom de votre FAF.

Les 3 principaux FAF sont :

  • Le FIFPL : pour les travailleurs indépendants exerçant une activité libérale
  • L’Agefice : pour les dirigeants non-salariés du commerce, de l’industrie et des services
  • Le FAFCEA : pour les artisans non-salariés.

Les formations alfie ne sont pas éligibles au CPF (« Compte Personnel de Formation » désormais appelé « Mon Compte Formation »). Vous ne pouvez donc pas financer les formations alfie avec cette solution.

Les seules exceptions de financement par France Travail sont :

  • Le PTP (Projet de Transition Professionnelle),
  • Le PDC (Plan de Développement des Compétences),

Mais ne sont pas automatiques. Rapprochez-vous de votre conseiller FT pour connaître les financements auxquels vous avez droit.

 

Vous devez vous renseigner auprès de votre organisme d’intérim, qui peut vous faire avoir des droits auprès du Fonds d’Assurance Formation du Travail Temporaire (FAF.TT). C’est un organisme qui permet à tout salarié intérimaire d’accroitre ses performances et son employabilité en fonction des besoins du marché.

Les points forts des formations alfie

Sur-mesure

Votre formateur adapte le contenu et les exercices de sa formation, grâce à un appel téléphonique de 15 minutes avec vous, en amont de la formation.

Pratique & concret

Tous nos formateurs et formatrices s’engagent à réaliser au moins 2 exercices par séquence de formation. Tous consultants en activité, ils vous proposent des études de cas réels.

Aymeric Marquant, Formateur WordPress chez alfie formation
Enguerran Bachelot, Formateur Expert Looker Studio - Data visualisation chez alfie formation

Toujours à jour

Un questionnaire de satisfaction et une étude d’impact à 90 jours remontent vos retours aux formateurs pour actualiser en continu nos modules. Nos sessions sont programmées sous 8 à 10 jours, délai nécessaire aux convocations et formalités.

Finançable

Certifié QUALIOPI, alfie vous permet de faire financer votre formation jusqu’à 100% via les OPCO et vous fournit tous les documents nécessaires à la demande.

  • Durée 2 jours - 14 heures
  • Participants 1 à 6 participants
  • Difficulté Intermédiaire
  • Localisation Présentiel ou distanciel
  • Prix 3400€ HT
Obtenir un devis
4.85 (203 avis)
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 informations recueillies à partir de ce formulaire sont traitées par alfie pour donner suite à votre demande de contact et dans le cadre de nos activités de prospection. Pour en connaitre plus sur vos droits et la gestion des données personnelles faite par ALFIE, cliquez sur la politique de protection des données à caractère personnel