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...

Intro to Design Systems | Penpot Hands-On Demo
Penpot
7.1K views β€’ Nov 28, 2024
Intro to Design Systems | Penpot Hands-On Demo

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.

Video Information

Views

7.1K

Likes

202

Duration

58:44

Published

Nov 28, 2024

User Reviews

4.6
(1)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.