How to Build Your Own Penpot

Create and edit shadows, blurs, border radius, strokes, stroke caps and more

Aligning options to smartly move selected layers to a position

Combine shapes with union, difference, intersection, exclusion and flatten operations

Color palette to have selected color library in plain sight

Powerful color manager with eyedropper, color profiles, gradients, and opacity

Create color styles for plain and gradient fills to configure color palettes

Keep consistency at scale with components, libraries and design systems

Use built-in design tokens as a single source of truth to improve efficiency and collaboration

Store elements and styles that can be reused across files and teams

Turn any file into a Shared Library available to other team files

Fix position of object when scrolling in presentation view

Define multiple starting points to match product customer journeys

Set triggers and define actions to add interactions to designs

Create rich interactions to mimic product behavior

Add beautiful transitions like fade, pull, push and animations to interactions

Get and provide feedback right over the designs and prototypes

All stakeholders stay involved in the design process

Multiple members can work simultaneously in real-time over the same design

Multiple members can work simultaneously on the same design

Create shareable links for prototypes and presentations of designs

Automatic versioning of design files

Design without limits on an infinite canvas

Create beautiful user interfaces in collaboration with all team members

Unlimited files with unlimited pages and layers

Being SVG based, powerful tool for editing vectors and making boolean operations

Open API for extensive access to objects and properties

Use certified and verified plugins

Connect infinite workflows into your infrastructure with MCP server

Extend and tweak Penpot's functionality with plugins or build your own

Webhooks allow other websites and apps to be notified when certain events happen

Automatically adapt designs with flex layout like CSS flexbox

Use columns and rows to distribute elements in the layout

Build flexible interfaces following CSS standards

Flexible boards that can contain other boards with clipping options

Decide how layers will behave when resizing parent container

Use access tokens as alternative login authentication for API access

Track and audit user actions

Control guest access to designs and files

Whitelist IP addresses for access control

Enterprise SSO & access controls