Penpot 2.0 - la alternativa open source a Figma

• Penpot es una herramienta de diseño web open source que cierra la brecha entre diseñadores y desarrolladores
• El registro es gratuito y también ofrece instalación con self-hosting
• Con el lanzamiento de la versión 2.0 se añadieron funciones como layout con CSS Grid, un nuevo sistema de componentes, intercambio de componentes y generación de código HTML

Potente herramienta de diseño

• Diseño de interfaces
  • Soporte para layouts flexibles, sistemas de diseño y fuentes personalizadas
• Prototipado
  • Flujos interactivos, interacciones y transiciones
• Feedback y uso compartido
  • Todos los interesados pueden participar
• Inspección de código
  • Proporciona especificaciones, CSS y marcado HTML/SVG

Colaboración real entre diseño y código

• Penpot representa el diseño de forma nativa en CSS, SVG y HTML
• Los desarrolladores pueden trabajar directamente desde la interfaz
• Todo el equipo puede disfrutar de un flujo de trabajo unificado y fluido
• Ya no hace falta un proceso de handoff

Estándares abiertos y open source

• Sin importar el tamaño del equipo, es posible tener propiedad total de los entregables y las herramientas para cualquier proyecto actual o futuro
• Flexibilidad de API y webhooks
  • Es posible integrar Penpot con la cadena de herramientas de desarrollo existente, ya sea usando el navegador o una instancia privada

Comunidad

• Bibliotecas y plantillas
  • Se pueden crear diversas plantillas o bibliotecas, compartirlas o descargarlas para usarlas en proyectos de Penpot
• Contribuciones
  • Se pueden ayudar mutuamente con código e ideas de diseño, bibliotecas, plantillas, integraciones, tutoriales y más
• Penpot Fest
  • Una conferencia donde diseñadores y desarrolladores se reúnen para construir una colaboración sin restricciones

Opinión de GN⁺

• Penpot es una herramienta que facilita la colaboración entre diseñadores y desarrolladores, con la ventaja de expresar los elementos de diseño en estándares web como CSS, SVG y HTML, lo que permite usarlos directamente en el proceso de desarrollo sin trabajo adicional. Esto podría hacer más fluida la transición del diseño al desarrollo.
• Entre las herramientas similares existentes están Figma, Sketch y Adobe XD, pero Penpot se diferencia por ser open source. Como su código fuente está abierto, cualquiera puede añadir o modificar funciones, y además permite self-hosting, por lo que parece adecuada para empresas donde la seguridad es importante.
• Sin embargo, al ser todavía un proyecto emergente, puede quedarse corto frente a las herramientas ya establecidas en aspectos como estabilidad o rendimiento. También tiene la limitación de no poder usar tal cual el ecosistema o los plugins de las herramientas existentes.
• En resumen, si se trata de una organización centrada en desarrollo web, destacarían las ventajas de Penpot por su fuerte integración con el proceso de desarrollo; pero en una colaboración de diseño más general, parece difícil que reemplace de inmediato a las herramientas existentes. Aun así, a largo plazo, es un proyecto con potencial de evolución gracias a las ventajas del open source.

[biyott]

Al probarlo, fue una lástima que el coreano no funcionara bien. (Al guardar después de escribir, aparecían errores de página o de caracteres, etc.)
Parece que solo funciona bien en PC, y todavía no está contemplado para usarse como viewer en móvil o tablet.
Si no es para usarlo solo en PC y principalmente en inglés, parece que todavía es demasiado pronto.

[rabolution]

Penpot está hecho con Clojure. Languages Clojure 71.7%

[xguru]

Penpot - herramienta colaborativa de diseño y prototipado de código abierto
Penpot, la alternativa de código abierto a Figma, recibe una inversión de $8M

En el momento en que avanzaba la adquisición de Figma por parte de Adobe, también recibió inversión, pero como la compra de Figma no se concretó, la situación quedó un poco ambigua.
Ahora, con el lanzamiento de la versión 2.0, sí parece haber mejorado bastante. Me llama la atención la evaluación de que, en generación de código, está mejor que Figma.

[GN⁺]

Comentarios de Hacker News

Resumen:

• Es difícil que una herramienta de diseño de código abierto reemplace a una herramienta de diseño comercial, porque las herramientas comerciales han mejorado su UX y su rendimiento durante mucho tiempo.
• Parece que el buen rendimiento de Figma se debe a su renderizador personalizado basado en WebGL. Penpot está basado en React, así que da curiosidad comparar el rendimiento.
• Después del anuncio de la adquisición por parte de Adobe, alguien se cambió temporalmente a Penpot, pero volvió a Figma porque extrañó sus ventajas y por la curva de aprendizaje causada por pequeñas diferencias. Tras cancelarse la adquisición, decidió quedarse en Figma.
• La sola existencia de Penpot ayuda a frenar posibles aumentos de precio de Figma.
• Lunacy es gratis, no requiere inicio de sesión y ofrece un cliente nativo para Linux.
• Las herramientas y los frameworks evolucionan, pero la UX web en realidad está empeorando. Desde la era de las aplicaciones web, lo principal que hemos aprendido es a “esperar”.
• Hay quienes opinan que Penpot es mejor en la generación de código. Podría ser útil cuando se necesitan muchas páginas gráficas personalizadas y código/funciones.
• Es difícil encontrar la licencia de Penpot.
• Tanto el cliente como el servidor de Penpot son lentos e ineficientes. Parece que haría falta reescribir el frontend con WASM + WebGL.
• No se entiende tanto interés por Figma. Si no puede generar plantillas HTML reutilizables y CSS, entonces no deja de ser una herramienta solo para diseñadores y puede complicarles más la vida a los desarrolladores.