C'EST QUOI ?
Penpot est une plateforme de design open source pensée pour la collaboration entre designers et développeurs. Contrairement aux outils propriétaires, elle utilise le SVG comme format natif et génère du CSS réel — pas d'approximation, pas de traduction hasardeuse. L'outil est auto-hébergeable, ce qui permet de garder le contrôle total sur ses données et ses fichiers de design.
POURQUOI C'EST INTÉRESSANT ?
- SVG natif : Les designs sont stockés en SVG standard. Pas de format propriétaire, pas de lock-in. Ce qui est dessiné correspond exactement à ce qui sera rendu dans le navigateur.
- CSS Grid intégré : Depuis la version 2.0, Penpot supporte nativement CSS Grid pour les layouts. Les designers travaillent directement avec les mêmes primitives que les devs front-end.
- Inspect mode avec vrai code : Le mode inspection génère du CSS, HTML et SVG exploitable directement. Fini le copier-coller approximatif depuis un outil qui invente ses propres unités.
- Design tokens : Source unique de vérité entre design et code. Les tokens sont partagés et synchronisés, ce qui réduit drastiquement les incohérences entre maquette et production.
- Auto-hébergeable : Déployable sur sa propre infrastructure via Docker. Les données restent chez soi — un argument de poids pour les entreprises soumises à des contraintes réglementaires.
- Système de plugins : Extensible via un écosystème de plugins pour adapter l'outil à ses propres workflows et intégrations.
CAS D'USAGE
- Équipes design-dev qui veulent éliminer le fossé entre maquette et implémentation grâce au CSS natif
- Organisations qui ont besoin d'un outil de design hébergé en interne pour des raisons de conformité ou de souveraineté des données
- Projets open source qui cherchent un outil de design collaboratif sans coût de licence
- Équipes front-end qui veulent récupérer du code CSS exploitable directement depuis les maquettes