> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # Importer des designs Figma dans Replit Design > Importez une frame Figma dans Replit Design, affinez-la avec des suggestions et le chat, puis transformez-la en application interactive. ⏰ *Durée estimée : 15 minutes* Un design Figma montre à quoi l'expérience doit ressembler. Replit Design transforme une frame Figma en frame de design que vous pouvez explorer, affiner et transformer en application interactive. Vous utiliserez le [Personal Fitness Trainer Template](https://www.figma.com/community/file/1569006333493544411) de Figma Community comme exemple. La page d'accueil Personal Fitness Trainer importée comme frame de design dans Replit Design, avec l'exécution marquée comme terminée dans le panneau de chat ## Avant de commencer Vous avez besoin de : * Un [compte Replit](https://replit.com). * Un compte [Figma](https://www.figma.com), avec le fichier que vous souhaitez importer ou le fichier d'exemple ci-dessus. ## Importer la frame Figma Importez la frame dans Replit Design et laissez Agent la transformer en design fonctionnel. Utilisez votre propre fichier Figma, ou suivez l'exemple de ce guide : le [Personal Fitness Trainer Template](https://www.figma.com/community/file/1569006333493544411) sur Figma Community. Dans Figma, faites un clic droit sur la frame que vous souhaitez importer, choisissez **Copy/Paste as**, puis **Copy link to selection**. Le Personal Fitness Trainer Template ouvert dans Figma, montrant les frames Cover dans le panneau des calques et sur le canvas Allez sur [replit.com/design](https://replit.com/design) et sélectionnez **Import Figma** sous la zone de prompt. La page d'accueil de Replit Design avec l'option Import Figma sélectionnée sous la zone de prompt, et une infobulle indiquant Bring in a Figma frame and Agent will turn it into a working design Collez l'URL de votre frame dans la boîte de dialogue **Import Figma design** et sélectionnez **Attach to prompt**. La frame s'attache à votre prompt ; envoyez-le pour commencer à construire. La boîte de dialogue Import Figma design sur Replit Design avec une URL de frame Figma collée dans le champ et le bouton Attach to prompt Agent importe la frame et la reconstruit sous forme de frame de design dans votre projet. La page d'accueil Personal Fitness Trainer importée comme frame de design dans Replit Design, avec l'exécution marquée comme terminée dans le panneau de chat ## Faites-en le vôtre Sélectionnez la frame importée et commencez à la remodeler : * **Suivez une [suggestion](/fr/design/explore-suggestions)** : l'import arrive avec des prochaines étapes proposées, comme une variante éditoriale sombre, une section de tarification, ou un affichage mobile. Chacune génère une nouvelle frame, de sorte que l'originale reste disponible pour comparaison. * **[Discutez-en](/fr/design/chat-about-your-design)** : utilisez le champ de saisie sous la frame et briefez-la avec vos propres mots, *« remplace la photo du hero »*, *« rends l'appel à l'action plus marquant »*. La frame Personal Fitness Trainer importée sélectionnée dans Replit Design, avec trois cartes de suggestion à côté : Dark editorial variant, Add a pricing section, et Mobile viewport ## Étapes suivantes Explorez quoi concevoir ensuite, un clic à la fois. Peaufinez le texte, les couleurs, l'espacement et les images directement. Transformez la frame terminée en application fonctionnelle. ## Voir aussi * [Intégration MCP Figma](/fr/features/mcp/figma) * [Canvas](/fr/design/canvas) * [Visual Editor](/fr/design/visual-editor) ## Crédits Le design d'exemple utilisé dans ce guide est le [Personal Fitness Trainer Template](https://www.figma.com/community/file/1569006333493544411) sur Figma Community.