À l’ère du Vibe Coding et de l’automatisation des interfaces, le rôle du Product Designer évolue radicalement. Cette formation intensive de 14 heures permet aux professionnels confirmés de passer d'une logique de dessin de pixels à une logique de pilotage de flux augmentés par l'Intelligence Artificielle. En appréhendant le code non plus comme un résultat mais comme un matériau de design directement malléable par le texte, les apprenants apprendront à diviser par deux le temps consacré aux tâches chronophages (remplissage de faux-texte, renommage de calques, structuration de squelettes).

Bénéfices pour l'apprenant : Gain de productivité massif, maîtrise des fonctionnalités exclusives de Figma Make, capacité à piloter des workflows complexes basés sur des invites (prompts) et intégration de l'intelligence collective (Markdown) au sein de leur Design System.


À qui s’adresse la formation ?

Plan de travail 1
  • Product Designers
  • UI/UX Designers
  • Product Managers
  • Lead UX
  • Graphistes
  • Concepteurs d'interfaces numériques

Objectifs de la formation

  • Maîtriser le workflow de génération Prompt-to-Code de Figma Make.
  • Formuler et structurer des invites (prompts) initiales complexes intégrant des critères de succès métier clairs.
  • Piloter la génération d’interfaces en manipulant le Plan Mode et le Prompt Enhancer de Figma.
  • Optimiser la précision des modifications locales sur une maquette grâce au ciblage visuel (Visual Targeting).
  • Créer et structurer des fichiers d'intelligence persistante au format Markdown (Guidelines MD et Skills MD).
  • Gérer de manière éco-responsable et financièrement optimale la consommation de crédits IA de l'entreprise en sélectionnant les modèles appropriés (fenêtres de contexte).

Programme de la formation

Révolution des modèles mentaux et prompt-to-code
  • L’évolution du Vibe Coding & le code comme matériau : Comprendre les disparités techniques en entreprise ; appréhender le code comme une matière malléable par le texte ; distinction nette entre Prototypage Code et Production Code.
  • Stratégie de Prompting Initial : Rédiger un brief textuel complet (objectifs, comportements, succès) ; éviter le piège du refactoring de bases défectueuses.
  • Le Plan Mode & Prompt Enhancer : Analyser la logique textuelle de l’IA avant génération visuelle pour économiser ses ressources.
  • Cas pratique : Génération pas-à-pas du squelette applicatif global du projet fil rouge à partir d’un brief client complexe.
Séquençage stratégique et précision graphique
  • L’Ordonnancement du projet : Respecter la chronologie de l’IA (Structure/Layout → Comportements → Contenu & Visuel).
  • Édition ciblée et vocabulaire technique : Formuler des invites de modification ultra-spécifiques et maintenir une cohérence linguistique (français/anglais).
  • Scoping et visual targeting : Utiliser l’outil pointeur pour contraindre l’analyse de l’IA à un fragment de code localisé.
  • UI copywriting et données réelles : Supprimer le Lorem Ipsum en générant instantanément des micro-copies contextuelles et des faux-profils réalistes.
  • Cas pratique : application de modifications fonctionnelles locales par ciblage pointeur et enrichissement sémantique du prototype.
Workflows Agentiques et Industrialisation Markdown
  • Introduction aux flux agentiques : Configurer une intelligence systémique, globale et persistante au sein du projet.
  • Structure markdown (.md) : Apprendre à rédiger des instructions compréhensibles par les Grands Modèles de Langage (LLM).
  • Fichiers guidelines MD & Skills MD : Créer le “cerveau” permanent du projet (normes graphiques) et concevoir des tâches actionnables par commande slash (audits).
  • Distribution des règles (Kits vs Templates) : Intégrer les kits systèmes d’arrière-plan et exploiter les gabarits de démarrage.
  • Cas pratique : conception complète d’un fichier de directives Markdown et publication d’une compétence d’audit d’accessibilité numérique réutilisable.
Stratégie de crédits, gestion des coûts et clôture
  • Optimisation économique des jetons : Évaluer le poids du contexte (Figma frames vs captures d’écran) ; auditer le coût réel d’une action en survolant l’icône IA.
  • Sélection stratégique des modèles : Savoir quand exploiter des modèles lourds (Claude Opus) pour les structures ou des modèles légers pour l’ajustement de pixels.
  • Hygiène de fichier en entreprise : Isoler les projets exploratoires et purger la mémoire système pour stopper l’inflation des coûts.
  • Cas pratique & perspectives : Nettoyage de la mémoire du projet fil rouge, bascule de modèle en direct et introduction aux futures fonctionnalités (calques de code canvas, motion tools).

Les outils IA utilisés en formation

Formateur.s

  • Fanny Koch

    Fanny Koch

    UX/UI Designer spécialisée en IA appliquée au design

    Fanny Koch, UX/UI Designer indépendante. Passionnée par la conception d’interfaces et l’optimisation des méthodes de travail au quotidien, j’aide les équipes de design à intégrer les nouveaux outils numériques pour simplifier leur quotidien et concevoir plus efficacement.

Modalités de la formation

Pré-requis et validation des pré-requis
  • Niveau avancé requis sur Figma.
  • Les participants doivent impérativement maîtriser les concepts d'Auto-Layout, de composants parents, de variantes et d'instances. Les notions transmises s'inscrivent directement dans la continuité de leur pratique professionnelle quotidienne.
  • Les pré-requis sont validés lors d’un échange avec le commanditaire du projet de formation et retranscrits dans le document de recueil des besoins. Il s’agit d’un document collaboratif partagé systématiquement avec le commanditaire à l’issue du premier entretien pour co-construire l’action de formation.
    Par ailleurs, nous adressons à chaque apprenant, 2 semaines avant le début de la formation, un questionnaire de préparation de la formation pour adapter au mieux la formation à ses besoins.
Méthodes pédagogiques
  • Le rythme est adapté aux participants, alliant convivialité, interactivité, alternance de sessions d’apports méthodologiques et pratiques pour que vous soyez acteur durant la formation.
  • Le déroulement de la formation intègre la mise en application des notions nouvelles à votre cas d’entreprise durant la session et entre les sessions.
  • Le nombre de participants est limité à 3 maximum en visio pour une dynamique de groupe intéressante et une mise en pratique efficace.
Suivi de l’exécution et évaluation des résultats
  • Feuilles de présence
  • Questions orales ou écrites (QCM)
  • Mises en situation
  • Formulaires d'évaluation de la formation
  • Certificat de réalisation de l'action de formation
Moyens pédagogiques et techniques
  • Supports pédagogiques commentés et partagés à distance
  • Apports méthodologiques structurés
  • Templates prêts à l’emploi
  • Etudes de cas concrets
Délai d’accès
2 semaines
Accessibilité aux personnes en situation de handicap
Cette formation est accessible aux personnes en situation de handicap. Chaque situation étant unique, nous vous laissons nous en informer pour que nous puissions en tenir compte et adapter notre prestation au besoin.

Note de satisfaction :

Désolé, aucun contenu trouvé.

À distance

14 heures

1 à 3 personnes

2800HT*
Organisme certifié Qualiopi
Jusqu’à 100% finançable par votre OPCO
Avatar Pauline Augé

Les autres formations pour produire avec l'IA

nouveau

Formation Booster sa stratégie SEO (et GEO) grâce à l’IA

Produire avec l'IA
Coralie Huger
Animée parCoralie Huger
7 heures
 – 1 jour

À distance

En présentiel

    Les autres formations pour booster sa productivité avec l'IA

    nouveau

    Formation SEO et IA de manière actionnable

    Attirer plus de clients avec l'IA Booster sa productivité avec l'IA Booster ses ventes avec l'IA
    Profitez de patterns SEO
    Loïc Chaveau
    Animée parLoïc Chaveau
    21 heures
     – 21 jours

    À distance