The Wolf Kit

The most comprehensive, professionally-built design system you’ll ever need. Kickstart your   in minutes and supercharge your design process

Auto Layout 4.0NewComponent propertiesNewNested instancesNew

The Wolf Kit is like a superhero weapon and here’s why:

Supercharge your design power!
🗡

It’s really big.

Need a customised timeline component? Charts and graphs? A mint color scale for a dark theme? The Wolf Kit has everything you need to equip you in an exciting super-hero adventure thru design valley

👌

It solves every problem.

We know how difficult it is to start a project from scratch. You have to create the structure of components, mess with auto-layout, customise the color scheme and typography. Imagine if you could solve them all with a few clicks. The Wolf Kit does that.

👀

It looks awesome!

Easily build impressive, consistent websites and apps with a massive library of pixel-perfect components, each crafted with accessibility and flexibility principles in mind.

Why Wolf Kit?

The Wolf Kit costs less than one designer’s working day — but saves you months

See just how much time and money you can save with The Wolf Kit — and start making anything you can imagine!
Global Styles

Ultimate Style Library

We bet you will no longer need other text and color-style libraries. Each color is designed for a specific use case with multiple combinations - guaranteed to pass WCAG contrast ratio
  • Implement a dark theme with one click
  • Colors guaranteed to pass WCAG contrast ratio
  • Add transparent overlays, avatars, shadows, and gradients
  • Expand your creativity with a smart and flexible typography system
Feature
Feature
Awesome Components and Variants

Tons of Awesome Components and Variants

Pixel-perfect and flexible elements uniquely crafted to give you the ability to create your own complex components
  • 100% Auto Layout 4.0 support
  • 100% Figma properties support
  • Smart organization and naming
  • Lightweight and clean structure
  • All possible states for each component
Icons & logos

Icons and logos made with love

Incredible icons drawn on a specially-designed grid that feature both outline and solid styles - as well as editable source files for each icon
  • Each icon has 2 styles
  • We provide sources for each icon
  • Perfectly balanced icon grid
  • Dev-friendly naming
Feature
Feature
Customisation

Deep customisation in seconds

100% of Wolf Kit components are covered by 1000+ smart color, typography, and effects styles. Change one style and apply changes to the entire library!
  • Customise styles in seconds
  • 30-day money back guarantee
  • Free updates for life
  • Lightweight and clean structure
Maintaining

Lightweight and easy to maintain

We built the Wolf Kit using in-depth research on how design systems are used, implemented, and maintained across different teams. This became the foundation for creating a scalable structure for our system
  • Perfect asset naming for easy searching
  • Using components does not load the CPU heavily
  • Scalable components structure split into logical blocks
Feature
Feature
Dark Theme

And one more thing...

Every excellent product should have a dark theme. That’s why we made the color scheme that allows you to switch the theme for your mockups in one click with special plugins!
  • 30-day money-back guarantee
  • Free updates for life
  • Customise styles in seconds
See the Wolf Kit Library

16 input types, 7 button types, chats, charts, grids, helpers, and so much more...

We created the largest design system for Figma. Our components are carefully built and refined until we are completely satisfied with the result. We think you will be too!

Move at the Speed of Light

Skip the routine and focus on what really matters

We stress-tested our design system on a variety of projects and use-cases. The result is a smart and scalable product that we use every day for our clients and personal projects

👷

Design Teams

Design has never been easier! Build prototypes, test hypotheses, and design consistently using one library for your entire team

🎓

Students

We offer unique discounts for students. Learn the best practices for creating professional design systems and give yourself a competitive advantage

🖌

Freelance Designers

Speed up your work and deliver faster to your customers with projects of any complexity - with a single, powerful product

🚀

Startups

Speed and accuracy is critical for a successful startup. Start with a ready-made design system that gives you an edge in your market

+

Components and variants

Smart, flexible and pixel-perfect components made with love in every detail. Every component is built with new 2022 Figma features, including component properties and nested instances

+

Global styles

Styles in Wolf Kit are more than just a bunch of colors and fonts. This is a systematized and well-organized library that will solve almost all your styling needs

+

Icons & logos

Use incredible icons that have been drawn on a specially-designed grid. Every icon features both outline and solid styles, as well as editable sources for each icon.

SIMPLE PRICING

Pay once, use forever and get lifetime updates for free!

The Wolf Kit will pay for itself in savings. Start building now.

FREE version

A great starting point for anyone!

  • Single user license
  • 8,000+ components & variants
  • 1,100+ global styles
  • 1,000+ icons & logos
  • Use on unlimited projects
  • Free lifetime updates

PRO version

A single license for solo designers and freelancers

  • Single user license
  • 8,000+ components & variants
  • 1,100+ global styles
  • 1,000+ icons & logos
  • Use on unlimited projects
  • Free lifetime updates
  • Component properties
  • Nested instances
💪

PRO TEAM version

Perfect for design teams and agencies. Up to 5 users.

  • Up to 5 users license
  • 8,000+ components & variants
  • 1,100+ global styles
  • 1,000+ icons & logos
  • Use on unlimited projects
  • Free lifetime updates
  • Component properties
  • Nested instances

Frequently Asked Questions

Have a question? Let us know at hello@thewolfkit.com