# Relume Resources

> Relume Resources is the official documentation and learning hub for Relume — an AI-powered website builder that helps designers and developers create sitemaps, wireframes, and full websites faster using AI. This site covers getting started guides, product docs, FAQs, and troubleshooting for the Relume Site Builder, Figma Library, Webflow Library, and React Library.

Relume integrates with Webflow, Figma, and React to streamline the web design and development workflow. Users can generate AI-powered sitemaps and wireframes, export to their preferred platform, and customize using Relume's component libraries. All Relume components follow the Client-First naming convention by Finsweet.

Key products covered in this resource site:
- **Site Builder** — AI-powered tool to generate sitemaps, wireframes, and style guides
- **Figma Library** — A component library and kit for designing in Figma
- **Webflow Library** — A component library for building in Webflow
- **React Library** — A component library for React-based projects

## Getting Started

- [Getting Started with Relume (Video Series)](https://www.relume.io/resources/series-videos/introduction-getting-started): A 10-video, 25-minute series covering everything new users need to get up and running with Relume
- [Clone the Relume Webflow Style Guide](https://try.webflow.com/relume-library-styleguide): Required before importing a style guide or wireframes into Webflow
- [Duplicate the Relume Figma Kit](https://www.relume.io/figma-library): Required before importing a style guide or wireframes into Figma

## Site Builder

- [Building a sitemap with AI](https://www.relume.io/resources/docs/building-a-sitemap-with-ai): Step-by-step guide to generating a sitemap using the Relume Site Builder
- [Concept creation using the Relume Style Guide builder](https://www.relume.io/resources/docs/concept-creation-using-the-relume-style-guide-builder): How to build a homepage concept with the Style Guide Builder
- [Essential tools to get started](https://www.relume.io/resources/docs/essential-tools-to-get-started): Overview of all essential tools for building effectively with the Site Builder
- [How to create and edit wireframes in the Relume Site Builder](https://www.relume.io/resources/docs/how-to-create-and-edit-wireframes-in-the-relume-site-builder): Guide to creating and editing wireframes effectively
- [How to export Site Builder wireframes to React](https://www.relume.io/resources/docs/how-to-export-site-builder-wireframes-to-react): How to export Relume Site Builder wireframes to React
- [Import an existing site into the Relume Site Builder](https://www.relume.io/resources/docs/import-an-existing-site-into-the-relume-site-builder): How to use the Sitemap Import tool with an existing site
- [Understanding color schemes with Relume](https://www.relume.io/resources/docs/understanding-color-schemes-with-relume): How Relume applies color schemes using AI
- [Using the Relume Site Builder for pricing projects](https://www.relume.io/resources/docs/using-the-relume-site-builder-for-pricing-projects): How to streamline project pricing and the sales process using the Site Builder

## Figma Library

- [Customizing the Figma Kit](https://www.relume.io/resources/docs/customizing-the-figma-kit): How to customize the Figma Kit and speed up your Figma workflow
- [Using Relume with Figma Sites](https://www.relume.io/resources/docs/using-relume-with-figma-sites): How to effectively use Figma Sites with Relume
- [Using the Relume Figma Plugin](https://www.relume.io/resources/docs/using-the-relume-figma-plugin): How to import your sitemap and wireframes into Figma using the Relume Figma Plugin

## Webflow Library

- [Adding CMS collections to components](https://www.relume.io/resources/docs/adding-cms-collections-to-components): How to connect Webflow CMS to Relume components
- [Customizing the Relume Style Guide for Webflow](https://www.relume.io/resources/docs/customizing-the-relume-style-guide-for-webflow): How to go from Figma to Webflow using the Relume Style Guide
- [How to fix and prevent class duplication in Webflow](https://www.relume.io/resources/docs/how-to-fix-and-prevent-class-duplication-in-webflow): Eliminating and preventing duplicate classes in Webflow projects
- [How to import to Webflow](https://www.relume.io/resources/docs/how-to-import-to-webflow): All the ways to import components and wireframes into Webflow
- [How to install and use the Relume Chrome Extension](https://www.relume.io/resources/docs/how-to-install-and-use-the-relume-chrome-extension): Guide to the Relume Chrome Extension
- [How to use Formly with Relume](https://www.relume.io/resources/docs/how-to-use-formly-with-relume): Using multi-step forms with Formly and Relume components
- [How to use the Relume Webflow Library](https://www.relume.io/resources/docs/how-to-use-the-relume-webflow-library): Finding and using Webflow components from the Relume Webflow Library
- [Updating existing projects](https://www.relume.io/resources/docs/updating-existing-projects): How to update your style guide or use Relume with an existing project
- [Using the Relume Webflow App](https://www.relume.io/resources/docs/using-the-relume-site-builder-import-webflow-app): How to import an entire sitemap or individual wireframes using the Relume Webflow App
- [Why Relume uses Client-First](https://www.relume.io/resources/docs/why-relume-uses-client-first): Explanation of why Relume is built on Finsweet's Client-First convention
- [Working with Finsweet Tools](https://www.relume.io/resources/docs/working-with-finsweet-tools): How to work with Finsweet tools and Relume components

## FAQs

- [How do I create a seamless logo carousel?](https://www.relume.io/resources/faqs/how-do-i-create-a-seamless-logo-carousel)
- [Can I export my Relume project to WordPress?](https://www.relume.io/resources/faqs/can-i-export-my-website)
- [How to zoom in/out or pan around canvas](https://www.relume.io/resources/faqs/how-to-zoom-in-out-or-pan-around-canvas)
- [Can I generate sitemaps and wireframes in other languages?](https://www.relume.io/resources/faqs/can-i-generate-sitemaps-and-wireframes-in-other-languages)
- [Why are my Figma components detached upon import?](https://www.relume.io/resources/faqs/why-are-my-figma-components-detached-upon-import)
- [How to share your Figma & Webflow projects for effective support](https://www.relume.io/resources/faqs/how-to-share-your-figma-webflow-projects-for-effective-support)
- [How do I fix the first accordion not closing?](https://www.relume.io/resources/faqs/how-do-i-fix-the-first-accordion-not-closing)
- [How do I have a single accordion open at a time?](https://www.relume.io/resources/faqs/how-do-i-have-a-single-accordion-open-at-a-time)
- [How do I add multiple modals to a Webflow page?](https://www.relume.io/resources/faqs/how-do-i-add-multiple-modals-to-a-webflow-page)
- [Why can I not use the Webflow app with my style guide version?](https://www.relume.io/resources/faqs/why-can-i-not-use-the-webflow-app-with-my-style-guide-version-c8f3a)

## Account & Billing

- [I have paid - why do I have a free account?](https://www.relume.io/resources/faqs/i-have-paid-why-do-i-have-a-free-account)
- [How can I delete my account?](https://www.relume.io/resources/faqs/how-can-i-delete-my-account)
- [How can I update my card?](https://www.relume.io/resources/faqs/how-can-i-update-my-card)
- [Can I get a discount?](https://www.relume.io/resources/faqs/can-i-get-a-discount)
- [Can I pay with PayPal?](https://www.relume.io/resources/faqs/can-i-pay-with-paypal)
- [How do I switch from annual to monthly billing?](https://www.relume.io/resources/faqs/how-do-i-switch-from-annual-to-monthly-billing)
- [What happens if I cancel my Relume subscription?](https://www.relume.io/resources/faqs/what-happens-if-i-cancel-my-relume-subscription)
- [Can I get a refund?](https://www.relume.io/resources/faqs/can-i-get-a-refund)
- [My payment failed, what should I do?](https://www.relume.io/resources/faqs/my-payment-failed-what-should-i-do)
- [How can I update my invoice?](https://www.relume.io/resources/faqs/how-can-i-update-my-invoice)
- [Account issues and access problems](https://www.relume.io/resources/account-issues)

## Troubleshooting & Active Issues

- [Active Issues](https://www.relume.io/resources/issues): Current known issues and blockers affecting Relume users
- [Error: could not connect to sync server](https://www.relume.io/resources/faqs/error-could-not-connect-to-sync-server)
- [Error: We encountered an issue while importing your sitemap](https://www.relume.io/resources/faqs/doc)
- [Webflow unresponsive error or failed to create page](https://www.relume.io/resources/faqs/webflow-unresponsive-error)

## Optional

- [Relume Community (Slack)](http://slack.relume.io/): Join the Slack community to get support, request components, and connect with other Relume users
- [Relume Showcase](https://www.relume.io/showcase): Examples of sites built with Relume
- [Inspiration Feed](https://www.relume.io/inspiration): Design inspiration for web projects
- [Voting Board](https://www.relume.io/voting): Vote on upcoming features and component requests
- [Relume Icons](http://icons.relume.io): Free icon library by Relume
- [Color Palettes](https://www.relume.io/color-palettes): Color palette tool by Relume
- [Client-First Docs](https://www.finsweet.com/client-first/docs/intro): Full documentation for the Client-First Webflow framework used by Relume
- [React Library Docs](https://react-docs.relume.io/): Documentation for the Relume React component library