Content

Steppers, callouts, etc.

<!-- [Attributes by Finsweet] Input Active Class -->
<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-inputactive@1/inputactive.js"></script>
{{activeclass-script="/resources/assets/rtc"}}
<script src="https://cdn.jsdelivr.net/gh/videsigns/webflow-tools@latest/multi-step.js"></script>
{{formly-script="/resources/assets/rtc"}}
Relume Figma Kit
Relume Figma Plugin
Relume Webflow Style Guide
Relume Webflow Chrome Extension
Relume Webflow App
{{link-essential-tools="/resources/assets/rtc"}}
Duplicate the Relume Figma Kit v3.0
Clone the Relume Webflow Style Guide v3.0
{{link-duplicate-styleguides="/resources/assets/rtc"}}
{{icon-interactions="/resources/assets/rtc"}}
{{icon-attributes="/resources/assets/rtc"}}
{{icon-uncommon="/resources/assets/rtc"}}
{{icon-formly="/resources/assets/rtc"}}
At this time we do not currently have native mobile components.
{{no-mobile-components="/resources/assets/rtc"}}
Learn more about how to use the Relume Webflow Library
Jump In
{{related-webflow-library="/resources/assets/rtc"}}
We recommend keeping your prompt simple. Focus on describing the company and the goals of the website. Relume’s AI will do the rest!
{{note-simple-prompt="/resources/assets/rtc"}}
If you haven’t generated a sitemap yet please watch this video or read this doc before continuing.
{{note-prompting="/resources/assets/rtc"}}
Relume Chrome Extension
With the Relume Chrome Extension you can perform various tasks such as pasting components, paste SVGs, and convert the spacing strategy of a project. It also offers the ability for Class Sync - which allows us to sync classes from the style guide to the components you paste.
Install Chrome Extension
{{note-chrome-ext="/resources/assets/rtc"}}
Related Docs
Read these docs on how to use Formly or get the most out of Finsweets tools.
{{library-related="/resources/assets/rtc"}}
Still need help?
If you are having issues - please reach out! We are happy to help any way we can.
Join our Slack Community
Email Us
{{note-support="/resources/assets/rtc"}}
Required: Duplicate Relume Figma Kit v3.0
Duplicate the latest Relume Figma Kit (v3.0 or later) in order to use the Relume Figma Plugin and import style guides.
Duplicate
{{note-figma-kit="/resources/assets/rtc"}}
Required: Clone Relume Webflow Style Guide v3.0
Clone the latest Relume Webflow Style Guide (v3.0 or later) in order to use the Relume Webflow App and import style guides.
Clone
{{note-webflow-clone="/resources/assets/rtc"}}
Learn how to customize the Relume Figma Kit
The best way to design websites in Figma - with over 1,400 components updated monthly.
Jump in
{{note-customize-figma="/resources/assets/rtc"}}
Learn how to use the Relume Figma Plugin
The easiest way to bring your sitemap and wireframes into Figma - the Relume Figma Plugin.
Jump in
{{note-figma-plugin="/resources/assets/rtc"}}
Learn how to customize the Relume Style Guide for Webflow
The most important piece in the Lumer toolset - the Relume Style guide for Webflow! Clone it to start all projects.
Jump in
{{note-customize-styleguide="/resources/assets/rtc"}}
Learn how to use the Relume Webflow App
The fastest way to bring all of your pages and sections from the Relume Site Builder into Webflow.
Jump in
{{note-webflow-app="/resources/assets/rtc"}}
This feature is still in beta. We would love any feedback you might have on it.
Give us Feedback
{{note-language-feedback="/resources/assets/rtc"}}
Note
Title
To edit or delete your comment, hover over your comment, click the “three disclosure dots” icon and choose Edit or Delete. You can resolve comment threads by clicking the “checkmark” icon on the comment thread.You can also unresolve and reopen comment threads from the Comments panel when the Show resolved filter is enabled. Click the comment in the Comments panel to open the thread on the canvas, then click the “circled checkmark” icon on the comment thread.
Button
Title
To edit or delete your comment, hover over your comment, click the “three disclosure dots” icon and choose Edit or Delete. You can resolve comment threads by clicking the “checkmark” icon on the comment thread.You can also unresolve and reopen comment threads from the Comments panel when the Show resolved filter is enabled. Click the comment in the Comments panel to open the thread on the canvas, then click the “circled checkmark” icon on the comment thread.
Button
Resource
Title
To edit or delete your comment, hover over your comment, click the “three disclosure dots” icon and choose Edit or Delete. You can resolve comment threads by clicking the “checkmark” icon on the comment thread.You can also unresolve and reopen comment threads from the Comments panel when the Show resolved filter is enabled. Click the comment in the Comments panel to open the thread on the canvas, then click the “circled checkmark” icon on the comment thread.
Button
Warning
Title
To edit or delete your comment, hover over your comment, click the “three disclosure dots” icon and choose Edit or Delete. You can resolve comment threads by clicking the “checkmark” icon on the comment thread.You can also unresolve and reopen comment threads from the Comments panel when the Show resolved filter is enabled. Click the comment in the Comments panel to open the thread on the canvas, then click the “circled checkmark” icon on the comment thread.
Button
Danger
Title
To edit or delete your comment, hover over your comment, click the “three disclosure dots” icon and choose Edit or Delete. You can resolve comment threads by clicking the “checkmark” icon on the comment thread.You can also unresolve and reopen comment threads from the Comments panel when the Show resolved filter is enabled. Click the comment in the Comments panel to open the thread on the canvas, then click the “circled checkmark” icon on the comment thread.
Button