返回項目介紹
系統開發者
Local assets library 24
Penpot deep dive color tokens vs asset colors文章
Tutorial creating and using component variants in penpot文章
Interface design with UI Kits | Penpot Hands-On Demo影片
Design systems best practices with penpot文章
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影片
Tutorial create and share components in penpot文章
Tutorial use components and shared libraries文章
Wireframing | Penpot Hands-On Demo影片
Tutorial how to use icons from a shared icon library in penpot文章
Penpot for design systems 101文章
Components & Libraries Tutorial (2024)影片
Manage libraries - Penpot fundamentals影片
Color libraries - Penpot fundamentals影片
Assets文件
Variant examples練習檔案
Components文件
Design typography影片
Export Import Files文件
Libraries文件
Minimalistic wireframing kit練習檔案
Variants文件
Wireframing kit 5
Connecting team libraries 17
A developer's guide to Penpot | Design tokens, Grid, Flex & code影片
Shared libraries as AI context in Penpot影片
Advanced penpot features文章
Penpot deep dive color tokens vs asset colors文章
Design Systems with Variants | Penpot Hands-On Demo影片
Interface design with UI Kits | Penpot Hands-On Demo影片
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影片
Tutorial create and share components in penpot文章
Tutorial use components and shared libraries文章
Tutorial how to use icons from a shared icon library in penpot文章
Penpot for design systems 101文章
Tutorial creating wireframes with penpot文章
Libraries文件
Minimalistic wireframing kit練習檔案
Using instances 17
Components: full workflow (Manual + AI workflow)影片
Advanced penpot features文章
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
Tutorial creating and using component variants in penpot文章
Design Systems with Variants | Penpot Hands-On Demo影片
Practical UI Design with Design Tokens | Penpot Hands-On Demo影片
Interface design with UI Kits | Penpot Hands-On Demo影片
UI design with Penpot | Penpot Hands-On Demo影片
Intro to Design Systems | Penpot Hands-On Demo影片
Tutorial create and share components in penpot文章
Tutorial use components and shared libraries文章
Wireframing | Penpot Hands-On Demo影片
Tutorial how to use icons from a shared icon library in penpot文章
Penpot for design systems 101文章
Components文件
Minimalistic wireframing kit練習檔案
Variants文件
Editing components 12
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
Tutorial creating and using component variants in penpot文章
Design Systems with Variants | Penpot Hands-On Demo影片
Interface design with UI Kits | Penpot Hands-On Demo影片
Intro to Design Systems | Penpot Hands-On Demo影片
Tutorial create and share components in penpot文章
Tutorial use components and shared libraries文章
Penpot for design systems 101文章
Components & Libraries Tutorial (2024)影片
Variant examples練習檔案
Components文件
Variants文件
Component overrides 9
Tutorial creating and using component variants in penpot文章
Design Systems with Variants | Penpot Hands-On Demo影片
Intro to Design Systems | Penpot Hands-On Demo影片
Tutorial create and share components in penpot文章
Tutorial use components and shared libraries文章
Penpot for design systems 101文章
Components & Libraries Tutorial (2024)影片
Components文件
Variants文件
Naming and organizing components 14
Tutorial creating and using component variants in penpot文章
Design Systems with Variants | Penpot Hands-On Demo影片
Interface design with UI Kits | Penpot Hands-On Demo影片
Design systems best practices with penpot文章
Intro to Design Systems | Penpot Hands-On Demo影片
Tutorial create and share components in penpot文章
Tutorial use components and shared libraries文章
Penpot for design systems 101文章
Components & Libraries Tutorial (2024)影片
Assets management - Penpot Fundamentals影片
Variant examples練習檔案
Components文件
Minimalistic wireframing kit練習檔案
Variants文件
Where to keep your main components 2
Annotating components 4
Component variants and states 16
Design as code: a developer's tour of Penpot [2026]影片
A developer's guide to Penpot | Design tokens, Grid, Flex & code影片
Guide to multi directional ai workflows文章
How to connect your design workflow to Storybook with Penpot AI影片
Advanced penpot features文章
Penpot MCP Server | Every form variants影片
Variants state toggle | Penpot 2.12影片
Penpot MCP Server | Tree grid layout影片
Penpot MCP Server | Wordpress MCP Export影片
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
Variants & Tokens: building design systems影片
Tutorial creating and using component variants in penpot文章
Design Systems with Variants | Penpot Hands-On Demo影片
Variant examples練習檔案
Minimalistic wireframing kit練習檔案
Variants文件
Swapping components 6
Design systems 30
Shared libraries as AI context in Penpot影片
Guide to multi directional ai workflows文章
How Blender built their first design system in Penpot影片
Ai workflows intro penpot mcp文章
How to connect your design workflow to Storybook with Penpot AI影片
Advanced penpot features文章
Design Systems First: The Best Context for AI in Penpot影片
Intro to AI workflows | Penpot Hands-On Demo影片
Stop Hardcoding Colors. Use Design Tokens.影片
Design tokens for designers文章
Penpot MCP Server | Material UI connection影片
Penpot MCP Server | Tokens JSON影片
Quick demo: Penpot MCP server in action影片
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
The developers guide to design tokens and css variables文章
Variants & Tokens: building design systems影片
Why use design tokens文章
Design tokens with penpot文章
Intro to Design Tokens | Penpot Hands-On Demo影片
Unboxing Penpot Design Tokens影片
Interface design with UI Kits | Penpot Hands-On Demo影片
Design systems best practices with penpot文章
Intro to Design Systems | Penpot Hands-On Demo影片
Tutorial create and share components in penpot文章
How to make the switch from figma to penpot文章
Penpot for design systems 101文章
Components文件
Design Tokens文件
Penpot design system練習檔案
Penpot AI kit指南
Patterns and systems 6
Variables and design tokens 41
Flex and Grid layouts in Penpot in under 5 minutes影片
Design as code: a developer's tour of Penpot [2026]影片
Design tokens just got easier in Penpot 2.17影片
A developer's guide to Penpot | Design tokens, Grid, Flex & code影片
Designing with breakpoints and design tokens in penpot文章
Design tokens: manual setup and AI workflow影片
Guide to multi directional ai workflows文章
How to connect your design workflow to Storybook with Penpot AI影片
Advanced penpot features文章
Practical uses for math functions in design tokens文章
A practical guide to the design tokens json format文章
Token Groups for Better Navigation in Design Systems | Penpot 2.14影片
Smarter Design Tokens with Math影片
Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On Demo影片
Tutorial creating and using shadow tokens文章
Using design tokens for a proportional typographic scale文章
Stop Hardcoding Colors. Use Design Tokens.影片
What Are Composite Typography Tokens?影片
Intro to typography design tokens | Penpot Hands-on Demo影片
Tutorial creating and applying typography design tokens文章
Shadow Tokens | Penpot 2.13影片
Penpot deep dive color tokens vs asset colors文章
Design tokens for designers文章
Penpot MCP Server | Tokens JSON影片
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
The developers guide to design tokens and css variables文章
Variants & Tokens: building design systems影片
Design Systems with Variants | Penpot Hands-On Demo影片
Why use design tokens文章
Practical UI Design with Design Tokens | Penpot Hands-On Demo影片
Quick intro to Design Tokens影片
Design tokens with penpot文章
Intro to Design Tokens | Penpot Hands-On Demo影片
Unboxing Penpot Design Tokens影片
Creating Design Tokens | Penpot 2.6影片
Design Tokens Themes | Penpot 2.6影片
Importing & Exporting Tokens (JSON) | Penpot 2.6影片
What are Design Tokens? | Penpot 2.6影片
Design Tokens文件
Penpot AI kit指南
Penpot File Format文件
Alias tokens 20
Practical uses for math functions in design tokens文章
A practical guide to the design tokens json format文章
Remap references when renaming design tokens | Penpot 2.14影片
Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On Demo影片
Tutorial creating and using shadow tokens文章
Using design tokens for a proportional typographic scale文章
Intro to typography design tokens | Penpot Hands-on Demo影片
Tutorial creating and applying typography design tokens文章
Penpot deep dive color tokens vs asset colors文章
Design tokens for designers文章
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
The developers guide to design tokens and css variables文章
Why use design tokens文章
Practical UI Design with Design Tokens | Penpot Hands-On Demo影片
Design tokens with penpot文章
Intro to Design Tokens | Penpot Hands-On Demo影片
Unboxing Penpot Design Tokens影片
Creating Design Tokens | Penpot 2.6影片
Importing & Exporting Tokens (JSON) | Penpot 2.6影片
Design Tokens文件
Applying design tokens 25
Flex and Grid layouts in Penpot in under 5 minutes影片
Designing with breakpoints and design tokens in penpot文章
Design Tokens Just Got Easier in Penpot 2.16影片
How to connect your design workflow to Storybook with Penpot AI影片
Practical uses for math functions in design tokens文章
Remap references when renaming design tokens | Penpot 2.14影片
Design Systems at Scale | Penpot ✕ Tokens Studio Hands-On Demo影片
Tutorial creating and using shadow tokens文章
Using design tokens for a proportional typographic scale文章
Intro to typography design tokens | Penpot Hands-on Demo影片
Tutorial creating and applying typography design tokens文章
Penpot deep dive color tokens vs asset colors文章
Design tokens for designers文章
Scalable UI design: tokens, components & variants | Penpot Hands-On Demo影片
The developers guide to design tokens and css variables文章
Design Systems with Variants | Penpot Hands-On Demo影片
Why use design tokens文章
Practical UI Design with Design Tokens | Penpot Hands-On Demo影片
Quick intro to Design Tokens影片
Design tokens with penpot文章
Intro to Design Tokens | Penpot Hands-On Demo影片
Unboxing Penpot Design Tokens影片
Creating Design Tokens | Penpot 2.6影片
Design Tokens Themes | Penpot 2.6影片
Design Tokens文件
Sharing design tokens 15
Import Tokens from Linked Libraries | Community Contribution影片
Advanced penpot features文章
A practical guide to the design tokens json format文章
Design Tokens in the Penpot Plugins API | Penpot 2.14影片
Design tokens for designers文章
The developers guide to design tokens and css variables文章
Why use design tokens文章
Practical UI Design with Design Tokens | Penpot Hands-On Demo影片
Intro to Design Tokens | Penpot Hands-On Demo影片
Unboxing Penpot Design Tokens影片
Importing & Exporting Tokens (JSON) | Penpot 2.6影片
I have the API, I have the power!影片
Design Tokens文件
Libraries文件
Penpot File Format文件

