返回項目介紹
視覺設計師
Shapes 13
How to use boolean operations in Penpot影片- Shape vs path in Penpot: which one should you use?影片
- Bottle design challenge - A sneak peek to Penpot's new onboarding影片
Create a menu icon assignment walkthrough影片- Block 1 - Creating an icon影片
- The Interface文件
- Layers文件
- Layers文件
- Make your mark影片
- Shape or path影片
- Tutorial for beginners練習檔案
- Use booleans to create complex shapes影片
- Workspace Basics文件
Sizes and pixels 8
Strokes and fills 8
Duplicating, copy-pasting, deleting 9
Rounded corners 5
Positioning 6
Resizing and scaling 11
- Resize vs scale in Penpot: what's the difference?影片
- Vector vs bitmap: what every designer should know影片
- Bottle design challenge - A sneak peek to Penpot's new onboarding影片
- Constraints - Penpot Fundamentals影片
- Create a menu icon assignment walkthrough影片
- Block 1 - Creating an icon影片
- Layers文件
- Make your mark影片
- Resizing vs proportional scaling影片
- Tutorial for beginners練習檔案
- What is the difference between vector and bitmap影片
Rotation 4
Flipping 4
Creating and editing paths 6
Pages 7
Layers 20
- Penpot Finally Added Find & Replace | Community Contribution影片
- How to navigate layers faster in Penpot影片
- Quickly navigating layers影片
- Get started with Penpot in under 5 minutes影片
- Understanding the z index文章
- UI design with Penpot | Penpot Hands-On Demo影片
- Tutorial how to navigate a penpot file文章
- Flex Layout Tutorial | How to use Z-index影片
- Bottle design challenge - A sneak peek to Penpot's new onboarding影片
- 114 organize your file影片
- Create a menu icon assignment walkthrough影片
- Block 1 - Creating an icon影片
- The Interface文章
- Keyboard shortcuts影片
- Layers文件
- Make your mark影片
- Quickly navigating layers影片
- Shortcuts文件
- Tutorial for beginners練習檔案
- Workspace Basics文件
Board 17
- The quick guide to penpot layouts文章
- The ultimate guide to penpot layouts文章
- Get started with Penpot in under 5 minutes影片
- Design systems best practices with penpot文章
- UI design with Penpot | Penpot Hands-On Demo影片
- Wireframing | Penpot Hands-On Demo影片
- Tutorial how to navigate a penpot file文章
- Prototyping | Penpot Hands-On Demo影片
- Penpot ui design software a beginners guide文章
- Flex Layout Tutorial | Design & Code with Penpot's unique layout feature影片
- Workspace interface - Penpot fundamentals影片
- 114 organize your file影片
- Create a menu icon assignment walkthrough影片
- Block 1 - Creating an icon影片
- The Interface文件
- Layers文件
- Tutorial for beginners練習檔案
Setting the font 17
- See the font before you pick it in Penpot影片
- Advanced penpot features文章
- Get started with Penpot in under 5 minutes影片
- Using design tokens for a proportional typographic scale文章
- What Are Composite Typography Tokens?影片
- Intro to typography design tokens | Penpot Hands-on Demo影片
- Tutorial creating and applying typography design tokens文章
- How to add custom fonts to your Penpot project影片
- Penpot for design systems 101文章
- Penpot ui design software a beginners guide文章
- Assignment walkthrough design typography for a newsmagazine article影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Choose fonts影片
- Design typography影片
- Text & Typography文件
- Use fonts影片
- Using custom fonts in penpot影片
Font sizes 12
- Designing with breakpoints and design tokens in penpot文章
- Get started with Penpot in under 5 minutes影片
- Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On Demo影片
- Using design tokens for a proportional typographic scale文章
- What Are Composite Typography Tokens?影片
- Intro to typography design tokens | Penpot Hands-on Demo影片
- UI design with Penpot | Penpot Hands-On Demo影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Design Tokens影片
- Design typography影片
- Text & Typography文件
- Use fonts影片
Font weights 13
- Using design tokens for a proportional typographic scale文章
- What Are Composite Typography Tokens?影片
- Intro to typography design tokens | Penpot Hands-on Demo影片
- Tutorial creating and applying typography design tokens文章
- Composite typography tokens | Penpot 2.11影片
- UI design with Penpot | Penpot Hands-On Demo影片
- Penpot for design systems 101文章
- Assignment walkthrough design typography for a newsmagazine article影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Choose fonts影片
- Design Tokens文件
- Design typography影片
- Use fonts影片
Font styles 9
- Using design tokens for a proportional typographic scale文章
- Intro to typography design tokens | Penpot Hands-on Demo影片
- Penpot for design systems 101文章
- Assignment walkthrough design typography for a newsmagazine article影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Choose fonts影片
- Design Tokens文件
- Text & Typography文件
- Use fonts影片
Line heights 10
- What Are Composite Typography Tokens?影片
- Intro to typography design tokens | Penpot Hands-on Demo影片
- Composite typography tokens | Penpot 2.11影片
- Penpot for design systems 101文章
- Assignment walkthrough design typography for a newsmagazine article影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Design Tokens文件
- Design typography影片
- Text & Typography文件
- Use fonts影片
Hierarchy in typography 7
- Designing with breakpoints and design tokens in penpot文章
- Using design tokens for a proportional typographic scale文章
- Intro to typography design tokens | Penpot Hands-on Demo影片
- Tutorial creating and applying typography design tokens文章
- Assignment walkthrough design typography for a newsmagazine article影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Choose fonts影片
Creating typographies 12
- Design typography文章
- Intro to typography design tokens | Penpot Hands-on Demo影片
- Tutorial creating and applying typography design tokens文章
- Design systems best practices with penpot文章
- UI design with Penpot | Penpot Hands-On Demo影片
- Intro to Design Systems | Penpot Hands-On Demo影片
- Wireframing | Penpot Hands-On Demo影片
- Penpot for design systems 101文章
- Tutorial creating wireframes with penpot文章
- Assignment walkthrough design typography for a newsmagazine article影片
- Assignment walkthrough designing typography for a dashboard app ui影片
- Sales dashboard example練習檔案
Text layouts 7
Links and text styles 4
Background and foreground fills 15
- Penpot deep dive color tokens vs asset colors文章
- Css positioning fonts tips影片
- Tutorial creating penpot color palettes and libraries影片
- Color palettes and libraries | Penpot Hands-On Demo影片
- Color picker & palette - Penpot fundamentals影片
- Assignment walkthrough add colors to the newsmagazine article影片
- Choosing the color palette for a dashboard app ui影片
- Color and Strokes文件
- Create a color palette影片
- Create a menu icon assignment walkthrough影片
- Dark mode color palettes影片
- Design Tokens文件
- Make your mark影片
- Minimalistic wireframing kit練習檔案
- Use color影片
Gradients 2
Text color 10
- How to choose accessible colors in Penpot影片
- UI design with Penpot | Penpot Hands-On Demo影片
- Color palettes and libraries | Penpot Hands-On Demo影片
- Accessible color choices影片
- Assignment walkthrough add colors to the newsmagazine article影片
- Assignment walkthrough design typography for a newsmagazine article影片
- Choosing the color palette for a dashboard app ui影片
- Color and Strokes文件
- Create a color palette影片
- Use color影片
Hierarchy in color 5
Light and dark modes 8
Saving colors 11
- Penpot deep dive color tokens vs asset colors文章
- UI design with Penpot | Penpot Hands-On Demo影片
- Intro to Design Systems | Penpot Hands-On Demo影片
- Tutorial creating penpot color palettes and libraries文章
- Color palettes and libraries | Penpot Hands-On Demo影片
- Penpot for design systems 101文章
- Color libraries - Penpot fundamentals影片
- Assets文件
- Assignment walkthrough add colors to the newsmagazine article影片
- Choosing the color palette for a dashboard app ui影片
- Color and Strokes文件
Color palette 19
- Saturated grays in UI design: why and how to use them影片
- Dark mode color palettes影片
- How to build a dark mode color palette in Penpot影片
- Understanding HSV in 30 Seconds影片
- Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On Demo影片
- Penpot deep dive color tokens vs asset colors文章
- UI design with Penpot | Penpot Hands-On Demo影片
- Tutorial creating penpot color palettes and libraries文章
- Color palettes and libraries | Penpot Hands-On Demo影片
- Penpot for design systems 101文章
- Penpot ui design software a beginners guide文章
- Color picker & palette - Penpot fundamentals影片
- Color libraries - Penpot fundamentals影片
- Assignment walkthrough add colors to the newsmagazine article影片
- Choosing the color palette for a dashboard app ui影片
- Color and Strokes文件
- Create a color palette影片
- Dark mode color palettes影片
- Use color影片
Choosing the best image format for exporting images 8
- How to optimize svg files a complete guide for beginners文章
- How to export SVG from Penpot (and why it matters)影片
- Vector vs bitmap: what every designer should know影片
- Create a menu icon assignment walkthrough影片
- Block 1 - Creating an icon影片
- Exporting Layers文件
- What is the difference between vector and bitmap影片
- Why do we use svg scalable vector graphics and how do we export svg from penpot影片