Intro to Design Systems | Penpot Hands-On Demo
This hands-on demonstration will introduce design systems. They serve as a single source of truth to maintain consistency and simplify workflows for both des...

Penpot
7.1K views β’ Nov 28, 2024

About this video
This hands-on demonstration will introduce design systems. They serve as a single source of truth to maintain consistency and simplify workflows for both design and development.
Laura Kalbag, a designer, developer and educator, will cover essential topics such as shared libraries, updates, color libraries, typography libraries, component libraries, and layout components. She will also demonstrate how to publish shared libraries and βtada!β offer a preview of design tokens.
New to Penpot? Start for free today! π https://design.penpot.app/?utm_source=HandsOnDesignSystem&utm_medium=Youtube#/auth/register
00:00 welcome to the live stream
00:30 - Intro
02:32 - Using shared libraries
09:05 - Color libraries
21:43 - Typography libraries
32:48 - Component libraries
43:22 - Publishing shared libraries
52:20 - Design tokens preview
Penpot Community: https://community.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.
Laura Kalbag, a designer, developer and educator, will cover essential topics such as shared libraries, updates, color libraries, typography libraries, component libraries, and layout components. She will also demonstrate how to publish shared libraries and βtada!β offer a preview of design tokens.
New to Penpot? Start for free today! π https://design.penpot.app/?utm_source=HandsOnDesignSystem&utm_medium=Youtube#/auth/register
00:00 welcome to the live stream
00:30 - Intro
02:32 - Using shared libraries
09:05 - Color libraries
21:43 - Typography libraries
32:48 - Component libraries
43:22 - Publishing shared libraries
52:20 - Design tokens preview
Penpot Community: https://community.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.
Video Information
Views
7.1K
Likes
202
Duration
58:44
Published
Nov 28, 2024
User Reviews
4.6
(1) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.