- Penpot es una herramienta de diseño y prototipado de código abierto que pueden usar en conjunto diseñadores y desarrolladores, y está disponible en versión basada en navegador o como autoalojada
- Se basa en estándares abiertos como SVG, CSS, HTML y JSON, e incluye funciones modernas como design tokens, sistemas de componentes y CSS Grid Layout
- Mediante su sistema de plugins y sus funciones de integración con API y webhooks, puede conectarse con aplicaciones externas, y el modo Inspect permite revisar código listo para usar de inmediato
- Es un proyecto centrado en la comunidad, con distintas formas de contribuir como compartir bibliotecas y plantillas, reportar errores y participar en traducciones
- Se publica bajo la Mozilla Public License 2.0 y contribuye a expandir un ecosistema de código abierto que mejora la eficiencia de la colaboración entre diseño y desarrollo
Descripción general de Penpot
- Penpot es la primera herramienta de diseño de código abierto para la colaboración entre diseño y código, donde los diseñadores pueden crear prototipos interactivos y sistemas de diseño, y los desarrolladores pueden aprovechar código listo para usar
- Se puede usar directamente en el navegador o instalar en un servidor propio
- Se ofrece gratis y está basada en tecnologías estándar como SVG, CSS, HTML y JSON
- En la versión más reciente, integra de forma nativa los design tokens para facilitar una colaboración eficiente entre diseño y desarrollo
- La versión 2.0 incluye una gran actualización con CSS Grid Layout, una renovación completa de la UI y un nuevo sistema de componentes
- Las organizaciones que necesiten servicios adicionales para equipos pueden hacer una consulta por separado
- Cada año organiza el evento Penpot Fest para conectar con la comunidad de diseño de código abierto
Why Penpot
- Penpot expresa el diseño en forma de código, lo que permite una colaboración bidireccional entre diseñadores y desarrolladores
- A través de su sistema de plugins, admite la ampliación de funciones y la integración con apps externas
- Tiene una estructura amigable para desarrolladores, con opción de trabajo colaborativo en tiempo real o trabajo individual
- En el modo Inspect, es posible revisar al instante código SVG, CSS y HTML listo para usar
- Con su capacidad de autoalojamiento, las organizaciones pueden construir un entorno de colaboración con control total
- Se integra con la cadena de herramientas de desarrollo mediante API y webhooks
- Permite construir sistemas de UI consistentes usando design tokens, componentes y Variants
Getting Started
- Penpot es la única plataforma de diseño y prototipado independiente del entorno de despliegue, con soporte tanto para SaaS como para despliegue propio
- Ofrece varias opciones de instalación como Docker, Kubernetes y Elestio
- La guía de instalación y despliegue puede consultarse en el sitio web oficial
Community
- Opera con foco en la comunidad de código abierto y da la bienvenida a contribuciones de diseño, código e ideas
- En el foro de la comunidad se puede preguntar, resolver problemas, proponer mejoras y participar en eventos
- Categorías principales: Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
- Todas las personas participantes deben cumplir el Code of Conduct y ayudar a mantener un entorno positivo y seguro
Contributing
- Es posible contribuir al proyecto de varias maneras
- Crear y compartir bibliotecas y plantillas
- Invitar al equipo y participar en la comunidad
- Reportar errores o registrar issues en GitHub
- Participar en traducciones y dar retroalimentación
- Se ofrecen una guía para desarrolladores y videos para contribuir código a Penpot
- Los detalles sobre cómo contribuir pueden consultarse en la Contributing Guide
Resources
- Ofrece diversos recursos como documentación, tutoriales, arquitectura de desarrollo y Dev Diaries
- Enlaces disponibles: [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries]
License
- Penpot se distribuye bajo la Mozilla Public License 2.0 (MPL-2.0)
- Los derechos de autor pertenecen a Kaleidos Inc. y se publica como proyecto de código abierto
1 comentarios
Opiniones en Hacker News
De verdad quería que me gustara Penpot, pero cuando lo probé hace unos meses había un bug en el que, con solo moverme entre páginas, partes del documento se deformaban de forma extraña
No quise asumir ese riesgo en un documento importante y seguí usando Figma
Pensé en volver a intentarlo ahora, pero sigue igual después de 8 meses
Si fuera un problema tan grave, parecería difícil que lo ignoraran
Penpot no solo se puede self-hostear; también tiene una versión oficial hospedada
El plan gratuito admite hasta 8 personas y 10 GB de almacenamiento
El siguiente nivel permite usuarios ilimitados, con tope de $175 al mes y límite de 25 GB
El plan más alto ofrece almacenamiento ilimitado con tope de $950 al mes
Detrás de muchas historias de “hicimos una versión open source de X” suele aparecer una versión enterprise
Es una pena que esa expresión sea tan común en la industria
Para trabajar en elementos de UI, Penpot es el editor vectorial que más uso
Es simple y maneja muy bien las unidades y el layout
Se disfruta al hacer íconos o gráficos sencillos
El sistema de exportación también es excelente y facilita mantener todo ordenado
Sirve para muchas cosas además del flujo completo de una app, y me recuerda la productividad de los primeros tiempos de Sketch
Cuesta creer que sea open source
Si la fuente cambia, el diseño puede romperse en otro entorno
Sobre todo al exportar SVG, un diseño con texto puede verse completamente distinto
Penpot es inestable y con más de 10 páginas se cae con frecuencia
Incluso corriéndolo en un servidor con 64 GB de RAM, desde la página 5 o 6 usa 20 GB de memoria, todo el equipo sufre lag severo y al final se cae
Penpot me hace pensar en YaCy
El proyecto es excelente, pero la elección del lenguaje deja dudas
(YaCy está hecho en Java, Penpot en Clojure)
Si quieres una versión de escritorio independiente, puedes revisar esta página de releases
Para usarlo offline hay que levantar una instancia local con Docker
Aunque tenga que aceptar el costo de rendimiento (performance tax) del stack web o del self-hosting, para mí es más importante que mis archivos de diseño no queden atados a una nube cerrada
Figma es excelente, pero ya se volvió un punto único de falla para toda la organización de producto
Aunque Penpot hoy sea lento, si con
docker-compose uppuedo ser dueño de mi propio pipeline, prefiero esoEl rendimiento se puede mejorar con código, pero las restricciones de licencia no las puede cambiar el usuario
Hasta ahora, solo los diseñadores web parecían interesarse en el open source
Penpot es bastante usable, pero en lienzos grandes se vuelve muy lento
Conviene no meter todo en un solo lienzo
También existe una versión de escritorio no oficial
Según esta publicación de la comunidad, tiene más latencia que la versión hospedada
Me pregunto si alguien aquí ya la probó
Penpot ya se discutió por primera vez en Hacker News hace 3 años
En ese momento obtuvo 1145 puntos y 128 comentarios