Penpot

Penpot hub

Our vibrant community champions open design-and-code collaboration.
The place to find resources created, shared and shaped by open-source collaboration. We build this Community together. ❤️

Libraries & Templates

Browse and import libraries and templates to enhance your designs. Share yours and contribute to the Community.
See all

Plugins

Discover and install plugins to streamline your workflow in Penpot. Build yours and share them with the Community.
See all

Featured libraries & templates

Browse all libraries & templates

Featured plugins

Browse all plugins
Aspect Ratio
Varun
Resize your boards or shapes to any aspect ratio quickly without doing the math. Resize frames by selecting a aspect ratio.
Install
Color styles to JSON file
Juanfran
Export your color styles and generate a JSON file in Penpot Design Tokens standard format. This file gives you a solid starting point for your color system - no need to recreate everything manually.
Install
Placeholder +
Jorge
Placeholder+ is a plugin for Penpot that simplifies the integration of realistic content into your designs. It allows you to add names, phone numbers, monetary values, and images (such as profile photos) to enrich your mockups and prototypes.
Install
Material Theme Builder
malliaridis
A collection of tools for creating and managing Material assets.
Install
Plugins list
Stas Haas
Browse and install Penpot plugins from the community. Search, filter, and discover new tools to enhance your design workflow.
Install
ContentMock
Raimund Canzler
Say goodbye to lorem ipsum — ContentMock simplifies your Penpot workflow by replacing design elements with realistic placeholder data. Quickly mock up names, numbers, and custom fields to create convincing prototypes without hassle.
Install
Tailwind Styles
Grafikart
Use tailwind styles in your design. Add any tailwind color and text style in your library
Install
Palette Swapper
LloydNA
Palette Swapper is a Penpot plugin that allows you swap a color palette defined in your colors library to another in your designs. Just select the origin palette and the target palette and watch it do its magic by changing all the colors of the original palette into the ones in the target palette for your current page!
Install
Tailwind HTML
Grafikart
Generate Tailwind compatible HTML code from any layer.
Install
Iconify
Vjacheslav Trushkin
All open source icon sets in one plugin. 150+ icon sets, over 200k icons.
Install
Replace Shapes
Stas Haas
The "Replace Shapes" plugin replaces any selected shapes with a copied shape, essentially pasting the copied shape over the selection and removing the originals.
Install
Illlustrations
realvjy
120+ vector illustrations for your design projects. Now, you can use all illustrations completely free in your designs.
Install
Lorem ipsum
Penpot
This plugin generates customizable Lorem Ipsum text for your designs. Choose between paragraphs, sentences, words, or characters.
Install
Contrast checker
Penpot
Select two filled shapes in your design to quickly calculate and check the color contrast between them, helping ensure accessibility and readability.
Install
Icons
Penpot
This plugin allows you to easily insert Feather Icons into your Penpot designs, providing quick access to a wide range of customizable, minimalist icons to enhance your projects with a sleek and modern touch.
Install
Tables
Penpot
Import CSV files to insert tables into your design or create empty tables from scratch. Customize features like borders, alternating row colors, and header rows/columns before generating your tables.
Install