Canonical: https://instain.ru/fr/ai/relume/ Language: fr Relume service # Relume. Structure du site, maquettes filaires et composants pour poursuivre le développement 4.45 / 5 [Évaluation du catalogue](https://instain.ru/fr/ai/relume/#editorial-rating) [Site officiel ](https://www.relume.ai/) Relume commence à travailler sur le site avec sa structure et un ensemble de sections cohérentes. Après cela, vous pouvez affiner la conception, utiliser les composants prêts à l'emploi et choisir le chemin approprié pour publier ou transmettre le projet. ![Page officielle de Relume avec la génération de la structure et de la conception du site](https://instain.ru/assets/images/relume-screen-2411b5b6f208-1200.webp) Page officielle de Relume avec la génération de la structure et de la conception du site. Capture de la page du produit, et non résultat de nos tests. [Ouvrir la source ](https://relume.ai/) ## Tout d'abord, découvrez quelles pages sont nécessaires. Les problèmes d'un petit site commencent souvent avant le choix des couleurs : sections en double, réponse importante cachée et tâches mélangées sur la page d'accueil. Relume aide à transformer une description de projet, des documents ou un site existant en structure de pages et en maquettes filaires. Le processus repose sur sa propre bibliothèque de composants, ensuite réutilisable pour le design et le développement. ## De la structure à la mise en forme Dans Site Builder, vous pouvez modifier l’ordre des sections et leur contenu, puis appliquer un guide de style. Design View montre comment un même ensemble de couleurs, de typographies et d’éléments fonctionne sur différentes pages. L’aide précise toutefois que cela ne remplace pas la finition complète de chaque espacement et animation. La plateforme permet de poursuivre le travail de plusieurs façons : publier directement, travailler dans Webflow ou Figma, ou utiliser des composants React. Pour React, la documentation décrit l'export d'une section, d'une page ou de toute la structure. Ne supposez pas que toutes les voies d'export conservent de la même manière les styles et les réglages : vérifiez-le avant de commencer un projet client. ## Exemple : le site d’un petit studio Formulez le brief de départ : le studio réalise des photos de produits, présente ses travaux et reçoit des demandes. Demandez d'abord une structure avec une page d'accueil, des exemples de réalisations, les conditions de préparation et les coordonnées. Indiquez les informations déjà disponibles et interdisez d'inventer des clients ou des résultats. Parcourez ensuite les maquettes filaires du point de vue du visiteur : comprend-il si le studio convient à son produit, ce qu’il doit préparer et comment poser une question ? Si la même réponse revient dans quatre sections, corrigez la structure au lieu d’embellir chaque copie. Après validation, testez l'export choisi sur une page. Examinez les composants et les styles transférés, les retouches nécessaires et le fonctionnement des vrais formulaires. Transférez ensuite les autres sections. ## Des composants dans son propre environnement de développement Le Library MCP officiel permet à un éditeur IA compatible de récupérer les véritables composants Relume et de les intégrer au projet. Un Publish MCP distinct sert à créer et à publier des sites. Ce sont des connexions programmatiques documentées, pas la promesse d’un accès REST universel à chaque opération du compte. Lors du transfert de composants React, vérifiez les dépendances, les styles et leur compatibilité avec votre configuration de compilation. La présence d'un composant ne confirme pas le fonctionnement du formulaire, des paiements ou de l'espace personnel. Les intégrations externes et les fonctions serveur doivent être réalisées et vérifiées séparément. ## Formules et limites de la tâche Il existe un niveau gratuit limité, et les offres payantes distinguent les fonctions de création, d’exportation et d’hébergement. Le domaine personnalisé et le site publié ont leurs propres conditions. Comparez le parcours exact que vous comptez suivre pour terminer le projet. Relume est particulièrement utile pour structurer un site marketing et ses sections récurrentes. Pour une application complexe à la logique inhabituelle, vérifiez d’abord que l’approche par composants ne limite pas l’objectif principal. Avant de publier, contrôlez vous-même la version mobile, les liens, le contenu, l’accessibilité et les véritables fonctions de traitement. ## Pour quelles tâches convient-il - Préparer la structure d'un site marketing - Valider les maquettes filaires avant le développement - Déplacer les composants vers Webflow, Figma ou React - Utiliser la bibliothèque via le MCP officiel Fonctionnalités ## Les points forts - Du brief à la structure et aux sections - Une base commune de composants - Plusieurs façons de transmettre et de publier - Connexions MCP documentées Il faut prendre en compte ## Limites - L'exportation vers différents outils conserve différentes possibilités - Le transfert vers React nécessite de vérifier styles et dépendances - Logique du serveur et formulaires réels vérifiés séparément ## Choix et conditions Mode gratuit Oui Période d'essai Non confirmé Sans inscription Non confirmé Interface en russe Non confirmé Installation locale Non confirmé API Non confirmé « Non confirmé » signifie que les informations disponibles ne suffisent pas. La fonctionnalité peut exister ; vérifiez les conditions du développeur. Formats d’entrée Texte, Document Résultat Structure du site, Prototype, Code, Site ### Conditions Free limite l'utilisation. La création, l'exportation et l'hébergement ont leurs propres termes; la connexion logicielle est décrite comme MCP. De la tâche au premier résultat ## Exemple pratique Tâche Préparer la structure d'un site marketing Que préparer Brève description de l’atelier, de ses services, de son public et de l’objectif du futur site. Tous les faits sur l’entreprise sont fournis par son propriétaire. ### Consigne ou requête Proposez un plan de petit site d'atelier et les maquettes filaires des pages. Distinguez les services, le processus de travail et les réponses aux questions. N'inventez ni avis, ni prix, ni garanties, ni informations sur l'équipe. Montrez le parcours depuis le choix d'un service jusqu'à la prise de contact. ### Résultat attendu Une ébauche de structure du site et des maquettes filaires à retravailler dans l'éditeur choisi ou via un export pris en charge. ### Comment vérifier le résultat - Chaque page remplit une fonction distincte sans répéter la page voisine. - Vérifiez la composition des composants, la navigation et la disposition mobile. - Vérifiez quels styles et éléments sont réellement transférés au format d'exportation sélectionné. Cet exemple pédagogique préparé par la rédaction décrit une tâche ; il ne présente pas le résultat d’un test personnel du service. Vérifiez la disponibilité du mode requis, les droits sur les fichiers d’origine et les conditions d’utilisation du résultat. Vérifier les détails ## Sources officielles - [Plate-forme officielle de Relume ](https://www.relume.ai/) - [Tarifs et options de publication ](https://www.relume.ai/pricing) - [Exporter vers React ](https://www.relume.ai/resources/docs/how-to-export-site-builder-wireframes-to-react) - [Les limites de Design View ](https://www.relume.ai/resources/docs/how-to-style-all-pages-using-the-design-view) - [MCP officiels ](https://www.relume.ai/mcp) La description est faite à partir des matériaux du développeur. Les fonctionnalités, les prix et la disponibilité peuvent varier; vérifiez la source avant de l'utiliser. En bref sur l'outil Développeur Relume Catégorie [Code](https://instain.ru/fr/category/code/) Accès Application web officielle Relume ; l’export, la bibliothèque de composants et MCP utilisent un compte et ont leurs propres conditions d’accès. Paiement Il existe une offre Free limitée, des formules payantes de création et d’exportation, ainsi que des conditions distinctes pour l’hébergement et le domaine personnalisé. API Vérifiez la documentation du développeur [Termes du développeur ](https://www.relume.ai/pricing) Évaluation du catalogue 4.45 / 5 Fonctionnalités 4.40 / 5 Scénarios de travail 4.50 / 5 Écosystème 4.50 / 5 Documentation 4.40 / 5 Les points sont le repère du catalogue. Ce ne sont pas des commentaires d'utilisateurs ou le résultat de tests personnels. [Voir la méthodologie ](https://instain.ru/fr/methodology/)