Welcome

GroupCollect Design System

The Design System components and their accompanying usage guides allow teams to quickly build user experiences which are consistent throughout our product.

Best Practices

General Design System conventions and guides are detailed in the Best Practices section.

Components

Each component in the sidebar has an individual page which shows variants and code examples.

Component Usage

Each section of the sidebar includes a "Usage" page which details component use cases, rules, and other relevant context.

See the Figma -> DS Guide for a high level walkthrough of implementing Figma designs.