How to import to Webflow
Learn all of the ways to import components and wireframes into Webflow.
In this doc you’ll learn how to import Components, Pages and entire Projects to Webflow from:
Relume Chrome Extension
To import your components quickly and easily without leaving the Webflow Designer, you can open up the Relume Chrome Extension and search for a component, copy it, and paste it right into your project.
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad835f911580af67de975_1%20Import%20Webflow_optimized.webp)
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad83d842daf49b8e0317b_2%20Import%20Webflow_optimized.webp)
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad844130b2dfad5dab4b3_3%20Import%20Webflow_optimized.webp)
Relume Webflow App
Let’s say you’re starting a brand new project by cloning the Relume Webflow Style guide and you want to quickly and easily import all of the pages, sections, and components from the Relume Site Builder into this project - we’ll use the Relume Webflow App to accomplish all of this.
- Launch the Relume Webflow App
- Select your project
- Import pages
Install and launch the Relume Webflow App
To install and launch the Relume Webflow App:
- You’ll first want to install the Relume Site Builder Import app by hitting E on your keyboard and doing a search for Relume.
- Click on Relume Site Builder Import
- Click on the launch button
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad84ef911580af67df5f1_4%20Import%20Webflow_optimized.webp)
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad858c6479f2e61efa5ab_5%20Import%20Webflow_optimized.webp)
Select your project
Find the project that you’d like to import in the list of projects. If you do not see your project here make sure you are logged into the correct account.
Import pages
You can import the full sitemap (all pages), individual pages, or individual sections from the Relume Site Builder into your Webflow project.
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad85e160abcbd3347b429_6%20Import%20Webflow_optimized.webp)
Relume Webflow Library
Similar to importing components from the Relume Chrome Extension, you can also copy individual components directly from the Relume Webflow Library. One benefit to using this library is the filtering and search capabilities.
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad8655943d95ab63fa8ec_7%20Webflow%20Library_optimized.webp)
If you are not sure of exactly what component you’d like to use for a specific use case, you can filter/search based on keywords or requirements.
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad86cc6479f2e61efaf22_8%20Webflow%20Library_optimized.webp)
Maybe you already have a fully built out Webflow project using the Relume Webflow Style Guide - you can quickly add new components to an existing website and go from zero to hero super fast!
![](https://cdn.prod.website-files.com/65f9013fad6b2b8cee553aac/668ad873aac2af8fe2540645_9%20Import%20Webflow_optimized.webp)
There are a lot of ways you can get your components into Webflow, but if you get stuck along the way be sure to join our Slack Community and let us know.