Overview
Luro can track your component adoption across your live products. With two URLs and a list of CSS selectors, we can begin collecting usage insights. We do counts every weekend, so you'll always have an up-to-date picture of how, where, and when components are being adopted.
1. Crawl your site and add pages
- Go to the
System > Pages
section of Luro and follow the directions to crawl your site.
- You will need to provide a URL to crawl.
- If you are crawling behind authentication, we recommend creating a test account and saving your credentials.
- It takes a couple minutes to crawl your pages, but once finished you will be prompted to import pages.
- Check the pages you wish to import and click Import Pages
- (Optional) Clean up the page/template titles before importing.
- (Optional) Select which pages you’d like to feature.
2. Add components from a Figma source file
- Go to the
System > Components
section of your Luro and follow the instructions to Import Components from Figma (Storybook coming soon).
- You will need to provide the URL for your published components file.
- Large files can take a couple of minutes, but once Luro has your source file, you can import components.
- Check the components and variants you wish to import. You can always add more later from the same source file.
<aside>
⚠️ The Figma pathway is recommended for speed, but if you’re manually adding components you’ll need to create at least one variant as a child of the new component. This is required to create accurate roll-up counts of your components.
</aside>
3. Add CSS selectors to your components