Design components

Use the design components page to gather and store individual components that contribute to UX/UI design, for example, toggle switches, drop-down menus, and search bars. Some components may be licensed pieces of functionality.

Design components are tied to epics, capabilities, and features and are used to define the overall UX/UI design. You can add the design components to work items through the Design tab on the item's slide-out panel.

Add new design components on the design components page:

If you’re using the new navigation:

1. Select Programs in the top navigation bar and select the program you want to create design components for.
2. On the sidebar, select More items in the list of page options.
3. Select Design components; the design components page displays.

OR

1. Select Teams in the top navigation bar and select the team you want to create design components for.
2. On the sidebar, select More items in the list of page options.
3. Select Design components; the design components page displays.

If you’re using the old navigation:

1. Select Program or Team from the left Nav menu.
2. Under the Manage section, select Design Components; the design components page displays.

To add a new design component: 

1. On the design components page, select the Add Design Component button in the upper-right; the New Design Components panel displays.
2. Enter a name for the design component in the Name field.
3. Enter a description of the design component in the Description field.
4. Enter a link to the design component in the Link field.
5. Enter a link to the license or a license number in the License field.
6. Click Save & Close; the new design component is added to the grid and also displays in the Design Components section of the lean UX/UI landing page.

See also

Experience maps

Lean use cases

UX/UI design