fabric

One kit
to rule
them all

The only figma design system you’ll ever need

What is a design system and do you need one?

A design system is a comprehensive set of guidelines, standards, and reusable components that ensures consistency and efficiency in design across a company or product.

If you’re looking to bring consistency to your designs or speed up your workflows with a complete starting point, a design system can help you achieve these goals, as well as improve collaboration among designers, developers, and other stakeholders.

    how it works

  • drag & drop

    Vivamus a facilisis lectus, elementum eleifend ipsum. Donec vehicula.

  • select themes

    Vivamus a facilisis lectus, elementum eleifend ipsum. Donec vehicula.

  • nested components

    Vivamus a facilisis lectus, elementum eleifend ipsum. Donec vehicula.

how it works

drag & drop

Vivamus a facilisis lectus, elementum eleifend ipsum. Donec vehicula.

select themes

Vivamus a facilisis lectus, elementum eleifend ipsum. Donec vehicula.

nested components

Vivamus a facilisis lectus, elementum eleifend ipsum. Donec vehicula.

built with best practices

atomic design

Conceived by Brad Frost, Atomic Design is a set of principles that underpin any good design system.

pixel perfect

A 4PX grid found throughout the design system ensures consistency without limiting creativity.

responsive

Whether designing for a small or large display, all the design system’s components are resizable.

templates

XX pre-made common patterns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

you’re in good company

Trusted by designers at leading brands

atoms

16 foundation atoms

badge

boxed

button

checkbox

countdown

divider

icon

media

pin

progress

spacer

stepper

tag

text

toggle

voucher