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. Capture de la page du produit, et non résultat de nos tests. Ouvrir la source

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

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.

Relume.