116 lines
3.5 KiB
Markdown
116 lines
3.5 KiB
Markdown
---
|
|
title: Penpot
|
|
created: 2026-06-08
|
|
updated: 2026-06-08
|
|
type: app
|
|
tags: [catalogue, design, app-marathon3-rattrapage-b]
|
|
confidence: high
|
|
contested: false
|
|
sources: [https://selfh.st/apps/?tag=design&app=penpot]
|
|
---
|
|
|
|
# 🎨 Penpot
|
|
|
|
> La première plateforme de design open source — prototypage, design systems, collaboration, format SVG natif.
|
|
|
|
## 📋 Informations Générales
|
|
|
|
| Champ | Valeur |
|
|
| :--- | :--- |
|
|
| **Site web** | [penpot.app](https://penpot.app) |
|
|
| **GitHub** | [penpot/penpot](https://github.com/penpot/penpot) |
|
|
| **License** | MPL-2.0 |
|
|
| **Langage** | Clojure + ClojureScript |
|
|
| **Étoiles GitHub** | ~38k ⭐ |
|
|
| **Catégorie** | [[cat-design\|Design]] |
|
|
|
|
## 📝 Description
|
|
|
|
**Penpot** est une plateforme de design et prototypage collaborative, 100% open source, avec un format de fichier **SVG natif** (interopérable), des **design tokens**, **composants partagés**, mode inspect pour devs, et **auto-layout** (Flexbox-like). Différence vs **Figma**: Penpot est **self-hosted** (votre infra), **pas de limite de projets/collabs**, et utilise un format ouvert. Pour qui: équipes produit/design qui veulent s'affranchir de Figma (cloud, payant, vendor lock-in), agences, et toute organisation soucieuse de souveraineté.
|
|
|
|
## 🚀 Installation
|
|
|
|
### Docker Compose (recommandé)
|
|
|
|
```yaml
|
|
version: '3.8'
|
|
services:
|
|
penpot-frontend:
|
|
image: penpotapp/frontend:latest
|
|
container_name: penpot-frontend
|
|
restart: unless-stopped
|
|
ports:
|
|
- "9001:8080"
|
|
|
|
penpot-backend:
|
|
image: penpotapp/backend:latest
|
|
container_name: penpot-backend
|
|
restart: unless-stopped
|
|
environment:
|
|
- PENPOT_FLAGS=enable-registration enable-login-with-password
|
|
volumes:
|
|
- penpot-data:/home/penpot/data
|
|
depends_on:
|
|
- penpot-postgres
|
|
- penpot-redis
|
|
|
|
penpot-postgres:
|
|
image: postgres:15
|
|
container_name: penpot-postgres
|
|
restart: unless-stopped
|
|
environment:
|
|
- POSTGRES_DB=penpot
|
|
- POSTGRES_USER=penpot
|
|
- POSTGRES_PASSWORD=changeme
|
|
volumes:
|
|
- penpot-pg:/var/lib/postgresql/data
|
|
|
|
penpot-redis:
|
|
image: redis:7
|
|
container_name: penpot-redis
|
|
restart: unless-stopped
|
|
|
|
penpot-exporter:
|
|
image: penpotapp/exporter:latest
|
|
container_name: penpot-exporter
|
|
restart: unless-stopped
|
|
environment:
|
|
- PENPOT_EXPORTER_SECRET_KEY=changeme
|
|
|
|
volumes:
|
|
penpot-data:
|
|
penpot-pg:
|
|
```
|
|
|
|
## 🔄 Alternatives
|
|
|
|
### Open Source
|
|
- **Figma open source forks** — Quelques-uns, peu actifs.
|
|
- **Pencil Project** — Wireframes GUI, ancien.
|
|
- **Diagrams.net (draw.io)** — Diagrammes, pas vraiment design UI.
|
|
- **Vectr** — Design simple cloud.
|
|
- [[app-storybook]] — Catalogue de composants code-first.
|
|
|
|
### Propriétaires
|
|
- **Figma** — Leader, cloud.
|
|
- **Sketch** — macOS, payant.
|
|
- **Adobe XD** — Arrêté, transition vers Figma.
|
|
- **Lunacy** — Gratuit, offline.
|
|
|
|
## 🔐 Sécurité
|
|
- **Authentification**: comptes locaux, LDAP, OAuth2 (Google, GitHub).
|
|
- **HTTPS**: obligatoire via Traefik.
|
|
- **PostgreSQL**: sauvegarder régulièrement, données design = patrimoine.
|
|
- **Désactiver registration** en prod si usage interne uniquement.
|
|
- **MPL-2.0**: copyleft faible, modifications doivent être publiées.
|
|
|
|
## 📚 Ressources
|
|
- [Documentation](https://help.penpot.app/)
|
|
- [GitHub](https://github.com/penpot/penpot)
|
|
- [Penpot community](https://community.penpot.app/)
|
|
|
|
## Pages Liées
|
|
- [[cat-design]] — Catégorie Design
|
|
- [[app-figma]] — Concurrent propriétaire
|
|
- [[recettes-docker-compose]] — Templates Docker
|