Shipfaster: UI Components


Stat component is used to display some statistics and numbers.


Breadcrumbs are used when you have a large amount of content organised in hierarchical structure with defined categories (multiple sections that can be divided into more sub-sections). An excellent example is e-commerce site, in which a large variety of products is grouped into logical categories. They inform visitors of their current location in relation to the entire site hierarchy. Whereas they also improve the find-ability of site pages. The structure of the site is more easily understood because it is laid out in a breadcrumb.

The stat component is mainly used to display statistics and their change. It comes with 3 different sizes and should be used depending on your priority. You can show statistics such as change in price, stocks, or number of subscriber count etc.

When to use

  • When you have numerical data to be displayed in concise and easy to digest manner.
  • When you want to show live or periodical data change.


Anatomy of stat
  1. Leading Icon: Optionally add a leading icon to support the type of statistical data.
  2. Stat content: Combination of overline, label and description text to set the context of stat. Label is often used for showing the numbers.
  3. Badge: Optionally add a badge to show positive, neutral or negative change in data.

Best Practices

  1. Use the label text to show the data.
  2. In case of a periodic change in data, accompany it with a badge component.
  3. Always set a context to the data you are showing. It can be shown via the Description text field.

Recommended resources

Get instant access to over 6,000 Figma Components with Shipfaster UI. A Figma UI Kit & Design system used by over 2,000 designers.

All Products

Outline: Figma’s Ultimate Wireframe Kit

Stay on top of testing ideas and prototypes with a wireframe kit that simplifies your process

Pricing Icon
800+ of Downloads
Review Stars
800+ downloads
Learn More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.