Back to program info
Visual Designer
Shapes 13
How to use boolean operations in PenpotVideo- Shape vs path in Penpot: which one should you use?Video
- Bottle design challenge - A sneak peek to Penpot's new onboardingVideo
Create a menu icon assignment walkthroughVideo- Block 1 - Creating an iconVideo
- The InterfaceDocumentation
- LayersDocumentation
- LayersDocumentation
- Make your markVideo
- Shape or pathVideo
- Tutorial for beginnersPractice file
- Use booleans to create complex shapesVideo
- Workspace BasicsDocumentation
Sizes and pixels 8
- Vector vs bitmap: what every designer should knowVideo
- Bottle design challenge - A sneak peek to Penpot's new onboardingVideo
- Assignment create a menu iconVideo
- Create a menu icon assignment walkthroughVideo
- Block 1 - Creating an iconVideo
- LayersDocumentation
- Make your markVideo
- What is the difference between vector and bitmapVideo
Strokes and fills 8
Duplicating, copy-pasting, deleting 9
- Penpot keyboard shortcuts to speed up your workflowVideo
- Penpot ui design software a beginners guideArticle
- Create a menu icon assignment walkthroughVideo
- Block 1 - Creating an iconVideo
- Keyboard shortcutsVideo
- LayersDocumentation
- Layers ActionsDocumentation
- Make your markVideo
- Tutorial for beginnersPractice file
Rounded corners 5
Positioning 6
Resizing and scaling 11
- Resize vs scale in Penpot: what's the difference?Video
- Vector vs bitmap: what every designer should knowVideo
- Bottle design challenge - A sneak peek to Penpot's new onboardingVideo
- Constraints - Penpot FundamentalsVideo
- Create a menu icon assignment walkthroughVideo
- Block 1 - Creating an iconVideo
- LayersDocumentation
- Make your markVideo
- Resizing vs proportional scalingVideo
- Tutorial for beginnersPractice file
- What is the difference between vector and bitmapVideo
Rotation 4
Flipping 4
Creating and editing paths 6
Pages 7
Layers 20
- Penpot Finally Added Find & Replace | Community ContributionVideo
- How to navigate layers faster in PenpotVideo
- Quickly navigating layersVideo
- Get started with Penpot in under 5 minutesVideo
- Understanding the z indexArticle
- UI design with Penpot | Penpot Hands-On DemoVideo
- Tutorial how to navigate a penpot fileArticle
- Flex Layout Tutorial | How to use Z-indexVideo
- Bottle design challenge - A sneak peek to Penpot's new onboardingVideo
- 114 organize your fileVideo
- Create a menu icon assignment walkthroughVideo
- Block 1 - Creating an iconVideo
- The InterfaceArticle
- Keyboard shortcutsVideo
- LayersDocumentation
- Make your markVideo
- Quickly navigating layersVideo
- ShortcutsDocumentation
- Tutorial for beginnersPractice file
- Workspace BasicsDocumentation
Board 17
- The quick guide to penpot layoutsArticle
- The ultimate guide to penpot layoutsArticle
- Get started with Penpot in under 5 minutesVideo
- Design systems best practices with penpotArticle
- UI design with Penpot | Penpot Hands-On DemoVideo
- Wireframing | Penpot Hands-On DemoVideo
- Tutorial how to navigate a penpot fileArticle
- Prototyping | Penpot Hands-On DemoVideo
- Penpot ui design software a beginners guideArticle
- Flex Layout Tutorial | Design & Code with Penpot's unique layout featureVideo
- Workspace interface - Penpot fundamentalsVideo
- 114 organize your fileVideo
- Create a menu icon assignment walkthroughVideo
- Block 1 - Creating an iconVideo
- The InterfaceDocumentation
- LayersDocumentation
- Tutorial for beginnersPractice file
Setting the font 17
- See the font before you pick it in PenpotVideo
- Advanced penpot featuresArticle
- Get started with Penpot in under 5 minutesVideo
- Using design tokens for a proportional typographic scaleArticle
- What Are Composite Typography Tokens?Video
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- Tutorial creating and applying typography design tokensArticle
- How to add custom fonts to your Penpot projectVideo
- Penpot for design systems 101Article
- Penpot ui design software a beginners guideArticle
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Choose fontsVideo
- Design typographyVideo
- Text & TypographyDocumentation
- Use fontsVideo
- Using custom fonts in penpotVideo
Font sizes 12
- Designing with breakpoints and design tokens in penpotArticle
- Get started with Penpot in under 5 minutesVideo
- Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On DemoVideo
- Using design tokens for a proportional typographic scaleArticle
- What Are Composite Typography Tokens?Video
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- UI design with Penpot | Penpot Hands-On DemoVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Design TokensVideo
- Design typographyVideo
- Text & TypographyDocumentation
- Use fontsVideo
Font weights 13
- Using design tokens for a proportional typographic scaleArticle
- What Are Composite Typography Tokens?Video
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- Tutorial creating and applying typography design tokensArticle
- Composite typography tokens | Penpot 2.11Video
- UI design with Penpot | Penpot Hands-On DemoVideo
- Penpot for design systems 101Article
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Choose fontsVideo
- Design TokensDocumentation
- Design typographyVideo
- Use fontsVideo
Font styles 9
- Using design tokens for a proportional typographic scaleArticle
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- Penpot for design systems 101Article
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Choose fontsVideo
- Design TokensDocumentation
- Text & TypographyDocumentation
- Use fontsVideo
Line heights 10
- What Are Composite Typography Tokens?Video
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- Composite typography tokens | Penpot 2.11Video
- Penpot for design systems 101Article
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Design TokensDocumentation
- Design typographyVideo
- Text & TypographyDocumentation
- Use fontsVideo
Hierarchy in typography 7
- Designing with breakpoints and design tokens in penpotArticle
- Using design tokens for a proportional typographic scaleArticle
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- Tutorial creating and applying typography design tokensArticle
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Choose fontsVideo
Creating typographies 12
- Design typographyArticle
- Intro to typography design tokens | Penpot Hands-on DemoVideo
- Tutorial creating and applying typography design tokensArticle
- Design systems best practices with penpotArticle
- UI design with Penpot | Penpot Hands-On DemoVideo
- Intro to Design Systems | Penpot Hands-On DemoVideo
- Wireframing | Penpot Hands-On DemoVideo
- Penpot for design systems 101Article
- Tutorial creating wireframes with penpotArticle
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Assignment walkthrough designing typography for a dashboard app uiVideo
- Sales dashboard examplePractice file
Text layouts 7
Links and text styles 4
Background and foreground fills 15
- Penpot deep dive color tokens vs asset colorsArticle
- Css positioning fonts tipsVideo
- Tutorial creating penpot color palettes and librariesVideo
- Color palettes and libraries | Penpot Hands-On DemoVideo
- Color picker & palette - Penpot fundamentalsVideo
- Assignment walkthrough add colors to the newsmagazine articleVideo
- Choosing the color palette for a dashboard app uiVideo
- Color and StrokesDocumentation
- Create a color paletteVideo
- Create a menu icon assignment walkthroughVideo
- Dark mode color palettesVideo
- Design TokensDocumentation
- Make your markVideo
- Minimalistic wireframing kitPractice file
- Use colorVideo
Gradients 2
Strokes 3
Text color 10
- How to choose accessible colors in PenpotVideo
- UI design with Penpot | Penpot Hands-On DemoVideo
- Color palettes and libraries | Penpot Hands-On DemoVideo
- Accessible color choicesVideo
- Assignment walkthrough add colors to the newsmagazine articleVideo
- Assignment walkthrough design typography for a newsmagazine articleVideo
- Choosing the color palette for a dashboard app uiVideo
- Color and StrokesDocumentation
- Create a color paletteVideo
- Use colorVideo
Hierarchy in color 5
Light and dark modes 8
Saving colors 11
- Penpot deep dive color tokens vs asset colorsArticle
- UI design with Penpot | Penpot Hands-On DemoVideo
- Intro to Design Systems | Penpot Hands-On DemoVideo
- Tutorial creating penpot color palettes and librariesArticle
- Color palettes and libraries | Penpot Hands-On DemoVideo
- Penpot for design systems 101Article
- Color libraries - Penpot fundamentalsVideo
- AssetsDocumentation
- Assignment walkthrough add colors to the newsmagazine articleVideo
- Choosing the color palette for a dashboard app uiVideo
- Color and StrokesDocumentation
Color palette 19
- Saturated grays in UI design: why and how to use themVideo
- Dark mode color palettesVideo
- How to build a dark mode color palette in PenpotVideo
- Understanding HSV in 30 SecondsVideo
- Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On DemoVideo
- Penpot deep dive color tokens vs asset colorsArticle
- UI design with Penpot | Penpot Hands-On DemoVideo
- Tutorial creating penpot color palettes and librariesArticle
- Color palettes and libraries | Penpot Hands-On DemoVideo
- Penpot for design systems 101Article
- Penpot ui design software a beginners guideArticle
- Color picker & palette - Penpot fundamentalsVideo
- Color libraries - Penpot fundamentalsVideo
- Assignment walkthrough add colors to the newsmagazine articleVideo
- Choosing the color palette for a dashboard app uiVideo
- Color and StrokesDocumentation
- Create a color paletteVideo
- Dark mode color palettesVideo
- Use colorVideo
Choosing the best image format for exporting images 8
- How to optimize svg files a complete guide for beginnersArticle
- How to export SVG from Penpot (and why it matters)Video
- Vector vs bitmap: what every designer should knowVideo
- Create a menu icon assignment walkthroughVideo
- Block 1 - Creating an iconVideo
- Exporting LayersDocumentation
- What is the difference between vector and bitmapVideo
- Why do we use svg scalable vector graphics and how do we export svg from penpotVideo