We use cookies to ensure that we give you the best experience on our website. By continuing your visit on the website, you consent to the use of the cookies. If you want to find out more about the cookies we use, you can access our Privacy Policy.
Et si on pouvait générer une interface dans Figma à partir d’une simple consigne ? Ou encore transformer un design en co...
French
Login to RSVP
About this event
Et si on pouvait générer une interface dans Figma à partir d’une simple consigne ? Ou encore transformer un design en code directement exploitable ?
Dans cet atelier, on explorera concrètement comment connecter environnement de design et environnement de code avec l’aide de l’IA. Une session pratique et interactive, pour tester ensemble ce nouveau pont entre UI & dev.
Pourquoi participer ?
Pour comprendre comment l’IA peut traduire vos consignes en interfaces visuelles
Pour découvrir comment coder plus vite à partir de vos frames Figma
Pour expérimenter en direct de nouveaux outils qui réconcilient design et développement
À qui s’adresse cet atelier ?
Cet événement est ouvert à tous, aucun niveau spécifique n’est requis. Que vous soyez designer, développeur, étudiant, curieux ou passionné·e par l’IA, vous êtes le·la bienvenu·e. Aucune maîtrise avancée de Figma ou du code n’est nécessaire pour participer : on apprend ensemble, pas à pas.
Les inscriptions sont ouvertes dès maintenant 🎟️ Rejoignez-nous pour explorer ensemble les nouvelles frontières du design interactif.
Speaker
Steven H-A
Figma
Figma C. Advocate
Moderator
Marcellin ATHEIHO
Designer
When
Saturday, June 28, 2025 9:30 AM – 12:30 PM (UTC)
Agenda
Accueil et introduction
Présentation de l’atelier, objectifs et déroulement.
Introduction au concept de MCP Server
Comprendre les bases : comment relier Figma et des environnements de code à l’aide de l’IA.
Démonstration 1 : du texte à l’interface
Créer une interface dans Figma à partir de simples instructions textuelles grâce à l’intelligence artificielle.
Démonstration 2 : du design au code
Exporter une sélection Figma sous forme de code prêt à l’emploi (HTML/CSS/React).
Temps d’expérimentation libre
Test guidé pour les participants + accompagnement en direct.
Q&A et échanges ouverts
Réponses aux questions, partages d’outils, ressources et retours d’expérience.
Clôture
Récapitulatif des points clés et infos pour aller plus loin.