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