If you haven’t heard about DesignKit before, it’s basically my starting template for every website design project in Figma. It comes with a complete wireframe kit, design system, and a built-in process to simplify and automate your work as much as possible.

It can save you a ton of time as you don’t have to redo the same design sections and elements over and over again. Additionally, the entire design system uses components, auto-layout, text styles, and color styles, so you can easily control the visual design and automatically update entire screens at once.

Last year I made a pretty big update and almost completely redesigned the whole kit. To help you get started and better explain how DesignKit works, I recorded a series of video tutorials.

I think you’ll have a chance to learn not only how to use DesignKit, but also look into my designing process and discover some of my favorite Figma tricks.

Check out the first video below where I walk you through the entire DesignKit in Figma:

In the next video, I’ll show you my step-by-step designing process.

Feel free to reach out if you have any questions about the DesignKit!