UX UI Design Kit to Cover your Whole Design Process

This design kit supports you during your whole design process, meaning this includes components for:

• Drawing User Flows 🖊️

• Creating Wireframes 📐

• Designing your Product with an easy customisable Design System 🎨

• Presenting your Design with high finished Mocks 🖼️

Using this method, you can speed up & level up your design process.

All files are available for Figma & Sketch.

🎨 Design System

⚙️ +200 Customizable Components

Customize all elements to suit your needs, e.g. brand colors, font family...change the style once and all components will update automatically.

🍭 Components in different variants

Most of the are available in different variants, meaning different sizes (S/M/L) as well as different states, e.g. success, focus, error...

✨ Auto & Responsive Layout

Content and size of the component are automatically updated according to the content put into it or the other way around.

🔣 Icons

The design system makes use of feather icons, which are an extensive free icon library.

📖 Styleguide

Included is also a styleguide, in which you can update the styles to your corporate design, and all components will be updated automatically.

🌗 Light & Dark mode

All components are designed in/for light & dark mode.

📐 Wireframing

This ux/ui design kit includes also elements for wireframing, that lets you bring you ideas to life very quickly. As for the design system, also the wireframe elements are:

• Easy customisable

• Using Auto & Responsive Layout

• Available in Light & Dark Mode

🖊️ User Flow Elements

With the user flow elements you can easily draw out user flow diagrams with decision elements. This helps you improve the usability & navigation patterns of your applications.

🖼️ Presentation

Included are also +5 presentation mocks, that lets you present your design in a visually stunning showcase by only replacing one layer with your finished design.

🀄 Font

The font which is used in this design system is Inter. You can download it for free from Google Fonts:

https://fonts.google.com/specimen/Inter

❤️ Happy designing