Interface design with UI kits | Penpot Hands-On Demo

time4 mo agoview52 views

UI kits are a great way to create user interfaces quickly with pre-made components. In this Hands-On Demo, Laura Kalbag, designer, developer, and educator at Penpot, will show you several UI kits you can use with Penpot today. She’ll show you how both designers and developers can use UI kits to save time and ensure consistency across projects and how you can even use a UI as a starting point for your own design system.

3:03 UI kit demo 11:49 UI kits for developers 18:08 Discovering UI kits in the Penpot Hub 20:30 Using the Material Design UI Kit with Penpot 46:44 UI kits and design systems 52:33 UI Doctor


Penpot is the first open-source design and prototyping tool for Product teams.

Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs.

You can use it for your mockups, webs, apps and any other type of UX & UI Design

Penpot Community: https://community.penpot.app

App: https://design.penpot.app​​

Help: https://help.penpot.app​

Learning Center: https://penpot.app/learning-center

Contribute: https://github.com/penpot

Penpot Fest: https://penpotfest.org

Follow us:

*Mastodon: https://fosstodon.org/@penpot/​

*X: / penpotapp ​​

*LinkedIn: / penpotdesign

*Instagram: / penpot.app

*Github: https://github.com/penpot

Penpot: Design as code.

Loading comments...