Polaris Telescope banner
Shopify Shopify

Polaris Telescope

Development community

Description

A Sketch plugin that lets you quickly search for Polaris guidelines and code snippets.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Deprecated: as of July 2019, this project is no longer maintained, meaning it may not work in future versions of Sketch.


![cover image](https://user-images.githubusercontent.com/8864990/34141733-30476ca2-e451-11e7-92ab-a779e31d6a34.png)

Polaris Telescope

Access Polaris from [Sketch](https://sketchapp.com/) to speed up your design or development workflow.

Speed up your workflow

Sketch is our design tool of choice at Shopify. It supports the use of plugins to adapt to different kinds of workflows. While working with Polaris and Sketch, we found switching context between Sketch and polaris.shopify.com distracting and time consuming.

That’s why we created Polaris Telescope, a Sketch plugin that lets you search and view Polaris guidelines and code right from within Sketch.

Polaris Telescope can help you:

  • Search for components and copy code directly from your design environment
  • View our best practices and UX rationales while designing
  • Save time by keeping your workflow within one window

Type to search

When nothing is selected, type to search after you open the plugin.

![best practices - gif](https://user-images.githubusercontent.com/8864990/34141739-35e76d88-e451-11e7-8c58-dba554301e12.gif)

Select a layer for fast searching

When a layer is selected or when you change your selection, it will search again (based on the layer’s name) and instantly display the closest result found.

![click on layer - gif](https://user-images.githubusercontent.com/8864990/34141748-46ab25a6-e451-11e7-850c-e33e1a051d87.gif)

Use it to grab code quickly

This allows you, as a developer, to quickly grab and insert the basic react components. To quickly test those components you can use a playground in [Polaris](https://github.com/shopify/polaris).

![copy code - gif](https://user-images.githubusercontent.com/8864990/34141743-3c702c6c-e451-11e7-817a-6adb8661b50f.gif)

Download, install, and use

To install Polaris Telescope:

  1. [Download](https://github.