Designer's Guide

Getting started with the UI Kit

Download the UI Kit. It’s a Sketch file that contains all the components from the UX Framework UI library.

Go to the UX Framework site to learn about how and when to use a component.

Note: If what’s in the UI Kit doesn’t match what’s on the UX Framework site, refer to the UX Framework because it has the latest and greatest changes. We’d appreciate it if you would let us know if you run into any discrepancies.

Understanding versions

We follow semantic versioning for managing our updates. Each number implies different level of updates and impact to the user.

Description

Example

Major

Making a backwards-compatible design change

Modifying the height of the large button

Minor

Adding a backwards-compatible functionality

Adding tertiary button to the button selection

Patch

Making a backwards-compatible bug fix

Fixing a typo in the documentation for buttons

Working with engineering

Each component includes a pre-built package of code for developers to incorporate the design into the final product. You don’t have to redline your use of a component. Simply note which component it is. For example, you can just point out that a button is a large default button, rather than creating the redlines for it.

Let the developers know what component you are referring to by directing them to the specifications on the UX Framework website. You can do this by sharing the unique link to a feature by clicking “copy link” as shown below:

Still have questions?

Can’t find a component that you need?Want to modify a component to fit your needs?Have trouble adopting a component?