UI Kit

The Calcite Design System Figma UI Kit contains all the resources you need to prototype great web applications. These resources ensure designs are consistent and translate easily to coded implementation.


The Calcite Figma Kits leverage modern Figma techniques and features such as:

  • Auto layout
  • Advanced properties
  • Instance swapping

Web UI Kit

This is the kit for creating Calcite experiences on the web. It includes a component library plus useful guidelines and examples of the components in use.

Supporting kits

These supplemental Figma kits power the Web UI Kit and provide access to underlying patterns, colors, and iconography assets.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.