Designer's Guide
Designer's Guide
- Getting started with the UI Kit
- Understanding versions
- Working with engineering
- Still have questions?
Getting started with the UI Kit
Before you start designing:
- 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 bellow:
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?
Feel free to contact us. We are always happy to help!