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.

Capabilities

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.

Web UI Kit

A Figma kit of Calcite Components for prototyping great experiences.

Figma Community

Supporting kits

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

UI Icons

A Figma kit of Calcite UI Icons.

Figma Community

Styles

A Figma kit of foundational Calcite Styles.

Figma Community