Get Started with NCIDS

Explore our guidelines, get access to the NCIDS Figma files, and join our Figma community.

Set up your environment using the NCIDS components, utilities, and design tokens.

Learn how to use our Figma library and apply design tokens.

Use the NCIDS maturity model to adopt the design system in a way that grows with your team.

Design System Basics

Explore how you can use design tokens and utilities to implement visual elements such as color, typography, layout, and spacing units, on your website.

Use our components as reusable blocks to serve a specific function for users and create consistency within your website.

Learn how you can use templates to create consistent patterns of components and other elements to promote content, display associations between content items, or highlight specific functionality for users.