Getting started

Figma

Use Moments components, tokens, and text styles when you design.

The Moments Components library in Figma is the design source. Components, tokens, and text styles match what ships in code.

Open the Moments Components library in Figma.

Figma properties match the web component props where possible. Some Figma-only properties exist to get around Figma limitations, such as hover and pressed states. Those notes live on the component in Figma.

When you design, use the library components. Do not restyle a Moments component with local colours or type.

See Web Components and Rails for the same components in code.