npm package: @momentum-ui/web-sketch-kit
Description: Momentum Design System web ui sketch kit
Author: Cisco Systems, Inc.
Latest version: 1.0.6

# Momentum Design System UI Kits

[Momentum Design System](https://momentum.design) provides UI libraries to assist in creating Cisco Webex designs. The libraries are here to optimize our designers’ workflow as they provide the most commonly used components across Webex products. We have five libraries: one for each platform that our products are built for. Each library is constantly evolving as the functionality and needs of our applications change. The following guide will help set up the libraries to automatically update in Sketch whenever we push any updates.

## Requirements

### Sketch

Download the most recent version of [Sketch](https://www.sketchapp.com/).
<br />

### Cisco Sans fonts

1. Download the [Cisco Sans fonts](https://github.com/momentum-design/momentum-ui/tree/master/core/fonts) from the Momentum UI repository
2. Install the Cisco Sans fonts on your system

<br />
<br />

## Getting Started

The Momentum Design team has made optimizations with this Sketch Library so you can more efficiently create Cisco Webex interfaces. In the instructions below, we’ll cover the basics and some tips for you to get started.

Sketch Libraries allow you to have Momentum Design components and patterns available from Sketch’s symbols menu in any file you open. Sketch Libraries will automatically update your designs when the library is updated. Your designs will never be out of date if they’re linked to this Sketch Library document.
<br />
<br />

### How to link the Momentum Design Sketch UI Kits as Sketch Libraries

1) Copy and paste the following link in any browser. This will subscribe your Sketch application to automatically download and install new versions of the Momentum Design System Sketch UI Kit.

* **Web Library**:
<br />`sketch://add-library?url=https%3A%2F%2Fdownloads.momentum-ui.com%2Fui-kits%2Fmomentum-ui-web-sketch-rss.xml`

<br />

2)  Your browser may ask you if you want to open Sketch. Select **Open Sketch**.

<img src="https://wp.collab-ui.com/media/step-2.png" width="350px" />
<br />
<br />

3) Sketch will open and automatically open Preferences and take you to the Libraries tab. Your chosen library will take a moment to sync will then be completely ready to use.

<img src="https://wp.collab-ui.com/media/step-3.png" width="350px" />
<br />
<br />

4)  That's it! Now you can access your libraries from the Symbols icon or under the insert menu in Sketch.

<img src="https://wp.collab-ui.com/media/library_symbols.png" width="350px" />
<br />
<br />

Alternatively, download the Sketch Library in this repository you'd like to install. Open `Sketch > Preferences > Libraries` and click `Add Library...`. Select the library you'd like to install.

Verify that you've successfully installed the Sketch Library by opening `Sketch > Preferences > Libraries`. You should see all of the libraries you installed above.

## Contributing, Feature Requests and Bug Reporting

The Momentum Design System team welcomes your help in maintaining the MDS Component Library. Please add any bugs or feature requests under the [Issues](https://github.com/momentum-design/momentum-desitn-kit/issues) tab of this repository.

**External contributions are currently closed**
<br />
Throughout a release, Momentum's design team contributes to these Sketch files through an application called <a href="https://www.abstract.com/" target="_blank" title="Abstract">Abstract</a>. Public contributions become unmanageable to merge since they are added to a version that is out of date.
<br />
<br />


## License

&copy;2013-2019 Cisco Systems, Inc. and/or its affiliates. All Rights Reserved.

See [LICENSE](LICENSE) for details.