Relume
Relume · Programmation
Relume est un outil de design web par IA qui transforme un texte court en sitemap, wireframes et guide de style, puis exporte le tout vers Webflow ou Figma.
À propos de Relume
About
Qu'est-ce que Relume
Relume est un outil de design web par IA conçu pour la phase qui précède la mise en forme visuelle d'un site. Vous décrivez un projet dans un texte, et il génère un sitemap des pages nécessaires, des wireframes pour chacune, un guide de style assorti et des textes de remplissage. Ensuite, vous envoyez l'ensemble vers Webflow ou Figma sous forme d'éléments modifiables. L'objectif est de remplacer le travail de planification lent qui s'installe d'ordinaire entre le brief du client et la construction réelle.
L'outil se divise en deux parties. L'AI Site Builder gère la génération et transforme un brief écrit en structure et en contenu. La Relume Library constitue l'autre moitié, avec un large ensemble de sections toutes faites qui suivent la convention de nommage des classes Client-First de Finsweet, ce qui garde la structure cohérente d'un designer et d'un projet à l'autre.
Relume convient aux agences, aux indépendants et aux équipes internes qui travaillent sous Webflow ou Figma. Il ne met pas votre site en forme et n'héberge rien. Il monte la structure, et vous poursuivez dans l'outil que vous utilisez déjà. Si votre flux de travail reste en dehors de Webflow et de Figma, le bénéfice chute nettement.
Pour commencer
- Créez un compte sur relume.io et ouvrez un projet, à partir d'un brief vierge ou de l'un des ensembles de composants publiés.
- Rédigez un texte décrivant le site, son objectif et son public, puis laissez l'IA générer un sitemap de pages.
- Ajustez le sitemap, faites glisser des sections sur chaque page depuis la Relume Library et modifiez les textes de remplissage.
- Générez ou choisissez un guide de style pour les couleurs, la typographie et les espacements, puis exportez le tout vers Webflow ou Figma.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de Relume.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Agences Webflow
- Designers indépendants
- Équipes marketing internes
Tâches
- Transformer un brief en sitemap
- Créer des wireframes rapidement
- Rédiger des textes provisoires
Cas d'usage
- Une agence qui lance plusieurs sites clients en parallèle et a besoin de structures de sections homogènes.
- Un designer qui travaille seul et veut montrer un wireframe au client avant d'investir des jours dans le design complet.
- Une équipe qui utilise la nomenclature Client-First et veut que chaque nouveau projet parte du même ensemble de composants.
Fonctionnalités clés
Génération de sitemap et de wireframes par IA
Relume agit à la fois comme générateur de sitemap par IA et comme outil de wireframes, en une seule passe. Vous rédigez un texte décrivant le site et recevez un sitemap de pages recommandées accompagné de wireframes pour chacune. La structure arrive avec de vraies sections plutôt qu'avec des cadres vides, si bien que vous jugez la mise en page dès le départ, et non après la mise en forme.
Bibliothèque de sections toutes faites
La bibliothèque rassemble un large catalogue de composants responsives organisés par type de page, avec des heros, des grilles tarifaires, des témoignages, des pieds de page et plus encore. Chaque section suit la convention de nommage Client-First de Finsweet, ce qui maintient la structure identique qu'un designer ou dix travaillent dessus.
Export vers Webflow et Figma
Une fois le projet prêt, vous l'envoyez vers Webflow ou Figma sous forme d'éléments natifs et modifiables. Relume devient ainsi un outil de wireframes concret pour Webflow, et le plugin Figma importe vos wireframes et vos guides en calques modifiables. Dans Webflow, l'export crée les pages, les sections et les textes en un seul import, de sorte que le wireframe devient une maquette fonctionnelle et non une image figée.
Générateur de guide de style
Relume joue le rôle de créateur de guide de style et définit des règles de couleur, de typographie et d'espacement assorties aux pages générées, pour que chaque section parte d'une base visuelle commune. Considérez cette base comme un point de départ, pas comme un système de design achevé.
Textes de remplissage rédigés par IA
L'outil remplit les sections avec un texte généré pour que le wireframe se lise comme une vraie page. Ce texte est fait pour être remplacé, et le prendre pour du contenu définitif serait une erreur.
Export vers React
Relume peut fournir des composants sous forme de code React, ce qui prolonge le flux au-delà des outils de design. Cela convient aux équipes qui veulent que la structure générée alimente directement une construction front-end.
Avantages et inconvénients
Avantages
- Raccourcit la phase de planification en transformant un brief écrit en sitemap et en wireframes en quelques minutes.
- La Relume Library offre un ensemble large et cohérent de sections avec la nomenclature Client-First.
- L'export vers Webflow crée de vraies pages et sections, si bien que le wireframe devient un point de départ fonctionnel.
- L'offre gratuite permet de tester le flux avant de payer pour une génération illimitée.
Inconvénients
- Il monte la structure, pas la mise en forme, donc le design et la mise en ligne restent sous Webflow ou Figma.
- La valeur baisse si votre stack n'est pas Webflow, Figma ou React, car les cibles d'export sont limitées.
- Les textes et les guides de style générés sont des brouillons, et chaque projet a encore besoin d'une relecture humaine avant publication.
Questions fréquentes
Relume génère un sitemap, des wireframes, un guide de style et des textes de remplissage à partir d'un texte, puis les exporte vers Webflow ou Figma. Il couvre la phase de planification, pas le design final ni l'hébergement.
Contenus associés
Découvrez des outils, des compétences et des articles liés à Relume.
Alternatives à Relume
Forefront
Forefront · ProgrammationForefront est une plateforme web pour construire avec de l'IA open source. Elle vous laisse affiner les principaux modèles de langage open source sur vos propres données, évaluer leurs performances et les exécuter via une API ou les exporter pour les héberger vous-même. Les développeurs qui veulent le confort d'une plateforme fermée mais tiennent à rester propriétaires de leurs modèles et de leurs données sont le public visé ici.
Startkit
StartKit.AI · ProgrammationStartkit est un boilerplate pour créer des produits SaaS d'IA et des wrappers d'IA. Voyez-le comme un boilerplate de startup IA avec les parties ennuyeuses déjà branchées : authentification, paiements Stripe et Lemon Squeezy, limites d'usage, e-mail transactionnel et un kit de démarrage d'API IA qui parle à OpenAI, Anthropic, Groq ou Llama. Vous clonez le dépôt, fixez votre prix et attaquez la partie du produit pour laquelle les gens paient vraiment. Il repose sur Next.js au-dessus de React et Tailwind, donc une bonne partie du code boilerplate vous semble déjà familière.
Testim
Tricentis · ProgrammationTestim est une plateforme d'automatisation des tests dopée à l'IA, qui sert à créer et exécuter des tests de bout en bout sur des applications web, mobiles et Salesforce. Elle s'appuie sur l'apprentissage automatique pour garder les tests stables quand une interface change, alors les équipes passent moins de temps à réparer des sélecteurs cassés. Pas mal pour un outil de tests automatisés que vous pouvez utiliser dès aujourd'hui. Vous créez des tests en enregistrant des actions dans un navigateur, puis vous ajoutez du JavaScript quand vous avez besoin de plus de contrôle. C'est un choix solide pour une équipe QA bien occupée.