Outils essentiels pour démarrer

Dans ce document, vous découvrirez :

1. Kit Relume Figma
2. Plug-in Relume Figma
3. Bibliothèque Relume Webflow
4. Extension Relume pour Chrome
5. Guide de style Relume pour Webflow
6. Application Webflow d'importation de Relume Site Builder

Kit Relume Figma

Le kit Relume Figma est un projet Figma contenant plus de 1 400 composants, tous construits de la même manière que notre bibliothèque Webflow. Chaque mois, nous mettons à jour ce fichier pour inclure tous les nouveaux composants que nous avons ajoutés ! Nous vous recommandons de dupliquer une nouvelle copie pour chaque nouveau projet.

Dupliquez le kit Relume Figma

{{note-figma-kit="/resources/assets/rtc"}}

{{note-customize-figma="/resources/assets/rtc"}}

Plug-in Relume Figma

Le plugin Relume Figma vous permet d'importer des sitemaps et des wireframes depuis Site Builder dans Figma. Vous pouvez importer des projets entiers, des pages ou même des sections individuelles.

Installez le plugin Relume Figma

{{note-figma-plugin="/resources/assets/rtc"}}

Bibliothèque Relume Webflow

La bibliothèque Relume Webflow est notre base : elle vous permet de parcourir tous les composants existants. Cette bibliothèque est mise à jour tous les mois et nous appelons cette journée « Journée des composants ».

Parcourez la bibliothèque de composants

Extension Relume pour Chrome

L'extension Relume Chrome est un outil très important doté de fonctionnalités très importantes.

• Synchronisation des classes : vous permet de coller un composant dans un projet existant et de synchroniser des classes portant le même nom avec vos styles.
• Préférences des composants : définissez vos préférences pour la version du guide de style ou la stratégie d'espacement.
• Convertisseur d'icônes SVG : copiez le code SVG et transformez-le en icônes intégrées dans Webflow.
• Mettre à jour la stratégie d'espacement : vous pouvez convertir un projet existant pour utiliser des spacers ou des wrappers.

Installez l'extension Relume pour Chrome

Guide de style Relume pour Webflow

Notre point de départ recommandé pour tous les projets Webflow. Ce guide de style inclut toutes les classes Client-First requises pour utiliser Relume. Nous vous recommandons d'en dupliquer une nouvelle version avec chaque projet pour vous assurer de toujours utiliser la dernière version.

Clonez-le ici

{{note-customize-styleguide="/resources/assets/rtc"}}

Application Webflow d'importation de Relume Site Builder

L'application Relume Site Builder Import Webflow est votre connexion entre le Relume Site Builder et Webflow. C'est le moyen le plus rapide d'intégrer votre plan du site et vos wireframes dans Webflow. Il synchronise automatiquement vos classes et convertit les « sections globales » en composants Webflow.

Installez l'application Relume Webflow

{{note-webflow-app="/resources/assets/rtc"}}