The Wolf Kit

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

Preview in FigmaGet The Wolf Kit
VariablesNewVariable modesNewAll Figma 2024 features supportedNew

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.

Preview in FigmaGet The Wolf Kit
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!
+ VariablesNew

Unlock the power of variables

Customize your design in seconds using variables for colors, typography and sizes. Variables enhance the design system’s flexibility and clarity, connect design and development, and expand the possibilities for creating themes
  • Customize your design in seconds in one place
  • Implement a dark theme with one click
  • One source of truth for designers and developers
  • Expand your creativity with a smart 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
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
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 2024 Figma features, including component properties and nested instances

+

Variables

We've created a clear and flexible variable scheme for the Wolf Kit. It allows you to customize your design in seconds and connect your design and development teams with one source of truth

+

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.

Preview in FigmaGet The Wolf Kit
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!

  • Licensed under CC BY 4.0
  • 450+ variables
  • 3,500+ components & variants
  • 1,100+ global styles
  • 1,000+ icons & logos
  • Use on unlimited projects
  • Free lifetime updates
Free

Try before buy

Get The Wolf Kit (Free Version)Licensed under CC BY 4.0
✌

PRO version

A single license for solo designers and freelancers

  • Single user license
  • 450+ variables
  • 6,500+ components & variants
  • 1,100+ global styles
  • 1,000+ icons & logos
  • Use on unlimited projects
  • Free lifetime updates
  • Component properties
  • Nested instances
$69 

−30% for Early Adopters. Limited Code: EARLY_ADOPTER

Get The Wolf Kit30-day money-back guarantee
💪

PRO TEAM version

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

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

−30% for Early Adopters. Limited Code: EARLY_ADOPTER

Get The Wolf Kit30-day money-back guarantee

Frequently Asked Questions

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