Skip to main content

Qualtrics Design System Overview

What is the Qualtrics Design System?​

The Qualtrics Design System, QDS, is a set of user experience standards and accessibility principles implemented as React components and responsive layouts.

Why use the Qualtrics Design System?​

Utilizing QDS saves you time and effort by helping you avoid:

  • Implementing your Plugins' frontend from scratch
  • Matching the Qualtrics look and feel

as QDS provides out-of-the-box frontend functionality and Qualtrics-approved styling.

Who can use the Qualtrics Design System?​

Any registered XM Developer can and should leverage QDS.

When should you use the Qualtrics Design System?​

QDS is most appropriate for use in XM Extensions and Plugins.

How does the Qualtrics Design System work?​

QDS is built on the react library and it works in a similar fashion to other common frontend component libraries and frameworks.

Recommended Content​

Check out the XM Extension UX Content Guidelines for additional details on UX guidelines for XM Extensions and Plugins.