Version 1.3
1020 components
Tutorial Updates Full preview Get Module

Real design system

Connect simple in use design system for Figma. Flexible
UI components customizable in a few clicks.

color styles, text styles

Global style system

Styles of colors, texts, and effects are applied to all layers. Edit in one place, change everywhere.

figma components, figma variants

Numerous components

Build any project design with all necessary UI components. Library grows with updates.

customization, atomic stucture

Detailed customization

Edit any component parameters once. Changes will apply to all component variants immediately.


Amount of pre-made flexible components

Just drag and drop pre-made components from the Assets panel. Configure them in the right sidebar. Fast and simple, as should be.


Thoughtful formation of components

Don't be afraid to change a variant if you edited a component. The settings you have configured will be saved, such as text, icons, and even size.


Simple customization
in a few clicks

You can edit a corner radius in one place, and changes will apply to all component variants. Style quickly, change any component parameter once.

Made with love

Each detail is important

Usable design system consists of many meaningful things.

Atomic methodology

All components are combinations of well-structured building blocks. Key to a scalable design system.

Flexible layout

Input text and resize components with a correct response. Full power of configured Figma auto layout.

Baseline grid – 4px

Design pixel-perfect interfaces of any complexity. All elements accord to the 4px grid.

Spacing system

Marked spacings are based on the 4px grid. Сolored for convenience, hide in one click.

Three sizes

Use suitable size to fit project requirements. All components are designed in three sizes.

Free icon pack

Universal icons are prepared in three sizes. Looks good in any component size or situation.

Ready for developers

All component states are presented separately. Prepared for the development stage.

Detailed tutorial

Learn how to use Module with the complete tutorial. Video examples for each stage of Module use.

Library of necessary
components that grows

We update Module to provide the best experience for you.
No overсrowd, only usable things.

design system preview, figma ui kit

Start saving time with Module

Safety payments provided by Paddle.
The standard VAT rate may be charged,
following the law of your country.

For freelancers and solo designers


  • Personal license
  • Design system in Figma file
  • Lifetime access to updates
  • Friendly support

For organizations and business entities


  • Corporate license
  • Design system in Figma file
  • Lifetime access to updates
  • Priority support

Can I get a discount?

If you're a student or a teacher, email us a proof of your occupation. We'll send you a unique discount code.

How to use it?

Check out our complete tutorial, short videos for each stage of design system use. Also, email us to get any advice.

How can I get updates?

You will receive updated files by email if you subscribed to the newsletter during your purchase. If you missed it, email us.