jadu / pulsar-sketch-toolkit

A Sketch library for creating high-fidelity mockups using the Pulsar design system

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pulsar Sketch Toolkit

A sketch toolkit/symbol library for creating high-fidelity user interface mockups using the Pulsar design system.

Getting Started

  1. Download and unzip the toolkit from https://github.com/jadu/pulsar-sketch-toolkit/archive/master.zip

  2. Open Sketch, and open the Preferences menu by pressing ⌘, or opening the Sketch > Preferences menu from the toolbar.

step 1, screenshot showing the location of the preferences menu

  1. In the Preferences menu, go to the 'Libraries' tab, then click the 'Add Library...' button.

step 2, screenshot showing the libraries menu

  1. Browse to the location of the Pulsar Toolkit.sketch file you downloaded, select it, and click 'Open'.

step 3, screenshot showing how to select the toolkit file

  1. The Pulsar Toolkit will be added to your available Libraries, make sure the checkbox is selected, and close the Preferences menu.

step 4, screenshot showing the Pulsar Toolkit in the libraries list

  1. The Pulsar Toolkit symbols will now be available in your Insert > Symbols menu.

step 5, screenshot showing Pulsar symbols in the symbols menu

  1. 👩‍🎨

Recommended Plugins

The following plusing will make your life easier when designing UIs with the toolkit.

Plugin Use
Sketch Iconfont Easier to find & insert FontAwesome icons
Sketch Palettes Import the Pulsar colour scheme file palettes/pulsar-state-colours.sketchpalette

Recommended Development Plugins

If you're developing for the toolkit and adding new symbols, the following plugins will make your life easier.

Plugin Use
RenameIt Batch renaming for layers and artboards
Symbol Organiser Organises the symbols page layout

About

A Sketch library for creating high-fidelity mockups using the Pulsar design system