Design resources

1. Sign into SSO

You should be added to the IBM Figma organization automatically once you sign in. You do not need to join or request to join any specific team to access the libraries.

2. Turn on the Carbon themes library

Then in the Libraries modal that appears, find the (v11) Carbon Design System library (C) and select the “Add to file” button to add the library.

3. Turn on the IBM Design Language libraries

1. Sign into Figma

2. Turn on the Carbon themes library

Navigate to the Community icon in the header (A).

Search for Carbon Design System (B).

See the (v11) Carbon Design System library file.

3. Duplicate the file of your choice to your workspace

4. Publish as a library to your workspace

To preview the (v11) Carbon Design System library, visit the following view-only link.

Bring in additional colors and icons

Use these additional IBM Design Language libraries to have access to type sets, color, icons, and pictograms.

Carbon Mid-Fidelity Kit

This kit provides designers with a way to visualize concepts and test them out before committing to high-fidelity designs.

Carbon UI Builder

Carbon UI Builder is a visual tool that allows users to assemble product pages and layout modules using Carbon Components in a fraction of the time it usually takes.

Pages can be exported as:

• Images for presentations
• Live demo apps for user testing
• Production-quality code that can be easily incorporated in an existing product’s frontend