Krapka UI System [v2.0] – Figma UI components library

Don't waste time designing components and UI blocks!

A clear Figma library of components, styles, icons, and variables from Krapka UI System will save you time at the initial stage of interface development. This easily customizable starter kit will make your work 5x faster!

Easily customize styles in seconds

The Krapka UI system comes with 120+ smart styles pre-configured and 100+ variables for colors, typography, and effects. Want to create your own unique UI style? Check out our ready-made styles.

✔️ A new variable panel with tokenized variables.

✔️ Smart color styles linked to variables.

✔️ A large variety of text styles.

✔️ Ready-made spacing presets for all your interface needs.

100% Auto Layout ​​​​​​​

All components and UI kits in Krapka are designed using Auto Layout, which optimizes the time spent on adapting the interface and customizing content or settings. It's really fast and easy - try it!

✔️ Quick UI adaptation to any screen size.

✔️ Quickly and easily set up Auto-Layout for any interface element.

1,400+ components and variants​​​​​​​

Explore our large library of components and experience their versatility.  Here you will find components for every situation!

→ View in Figma

Wide range of component variations​​​​​​​

The Krapka component library contains more than 1400 variations that will help you create any state for your interface. This is a truly exhaustive range of different states. Try it out!

✔️ Variability of all major components.

✔️ A quick way to change parameters.

✔️ Linking variability to component parameters.

✔️ Correctly configured settings for fast switching.

Krapka is ready for development​​​​​​​

Our team has not only created a convenient toolkit for UI/UX designers, but also prepared it for smooth frontend development. Using Krapka, your fellow developers will no longer have to deal with unfamiliar structures of interface elements, and you will always be confident in the implementation of your projects!

✔️ Agile development.

✔️ Rapid deployment.

✔️ Multi-platform compatibility.

✔️ Easy to set up.

200+ designers have already rated Krapka and are ready to refer it to their friends!​​​​​​​

Speed up your workflow and get rid of routine tasks with Krapka!​​​​​​​

Krapka UI System is a high-quality Figma library that improves and speeds up the development process by quickly changing styles and frequently used UI blocks. 


Try Krapka now!

Use discount code DRIBBBLE to get a 20% discount.

📦 Buy now  //  → More on the site  //  ​​​​​​​✉️ Mail us

Follow us

Figma community  //  Twitter //  LinkedIn  //  Facebook  //  Instagram  //  Behance 

More by Din Relik

View profile