Skip to content
Telescope

Tools

We're slowly but steadily adding tools and utilities to make it easier and more joyful to work with our design system.
tools

Metrics application

Our Metrics provide insights around how Telescope design elements are used in comparison to design elements in local systems accross Pleo products and services. We use metrics to keep an eye on emerging elements and to monitor adoption of Telescope elements.

ESLint plugin

Our ESLint named @pleo-io/eslint-plugin-telescope was born to help ensure that Telescope is used as intended. We've only used it for soft deprecations so far, but we've discussed starting to use it to enforce proper usage of our tokens in the future.

"Laser Eyes" Chrome extension (beta)

This plugin allows you to see which tokens are being used for elements on a webpage. You can also change tokens to explore design ideas and copy tokens to the clipboard.

  • Install the extension from the Chrome Webstore. Make sure that you are logged in to your Pleo Google account, as the extension is only available within the Pleo scope (if you are getting a 404 error, it's probably because you need to log in!).
  • Find the code on Github