Using Figma for styling components

The Figma design file is a useful resource for getting your component designs to spec.

Selecting and inspecting a component in the file will show the styles that Figma has set for that component. Selecting an element and hovering over another will show the distances between them.

However, DO NOT COPY-PASTE these styles directly into your component! The goal is to make the components responsive, avoid hard-coding of width, height, and other size attributes. Instead style your component to adjust to the space it is in.