Tools
Figma plugin
Our Figma plugin brings Telescope’s website guidelines directly into Figma. When enabled, component guidelines automatically appear in the plugin frame whenever a component node is selected (clicked) in Figma.
- Find the plugin under “Plugins” → “Telescope Guidelines”
- See the plugin page in Figma
Stellaris
Our internal accessibility tool, Stellaris, is designed to let us test and confirm that our semantic design tokens remain accessible when used in supported combinations. The tool also allows everyone to experiment with color changes.
- Find the tool in Storybook
- See the code in Github
Metrics application
Our Metrics provide insights around how Telescope design elements are used in comparison to design elements in local systems across Pleo products and services. We use metrics to keep an eye on emerging elements and to monitor adoption of Telescope elements.
"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
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.
- Find the code on Github