Penpot es una aplicación de diseño y creación de prototipos basada en web y de código abierto para equipos. Funciona con estándares web abiertos ya que utiliza el formato SVG (Scalable Vector Graphics).

Penpot se puede instalar en un servidor remoto o en la máquina local con la ayuda de Docker y Docker Compose.

Con Penpot, puedes diseñar rápidamente un prototipo web o móvil en poco tiempo.

Bolígrafo en acción

Si es diseñador, se sentirá familiarizado con la interfaz de Penpot, ya que se parece a otras herramientas de diseño y creación de prototipos.

Puede utilizar Penpot como diseñador individual para trabajar directamente con sus clientes o como parte de un equipo para trabajar en sus prototipos.

Características del bolígrafo

Penpot se encarga de la colaboración, la gestión de equipos, los comentarios en tiempo real, los recursos compartidos, la biblioteca de activos y más.

Aquí hay una lista de características de Penpot:

• Admite proyectos ilimitados
• Amplia selección de mesas de trabajo: móviles, web, tabletas, carteles para redes sociales y personalizados.
• Usuarios ilimitados con roles y diferentes permisos
• Facilita la colaboración en tiempo real entre los miembros del equipo.
• Cambie fácilmente entre las vistas de creación de prototipos y diseño
• Ejecutar reproductor de prototipos
• Soporte de capas
• Habilitar texto a escala
• Borradores que ayudan al diseñador a publicar su trabajo cuando finaliza.
• Exportar mesas de trabajo a PDF
• Graba tu selección de color
• Herramienta de comentarios
• Visor de comentarios
• Soporta múltiples equipos
• Bibliotecas compartidas entre equipos.
• Descargue la imagen fuente con soporte SVG y CSS.
• Agregue sus fuentes personalizadas a las bibliotecas de activos
• Biblioteca compartida entre diseñadores
• Biblioteca de activos
• Notificación incorporada
• Comentarios de todo el sistema
• Buscar bibliotecas de activos
• Convierta sus elementos de diseño en componentes
• Gestión de borradores
• Soporte de correo electrónico SMTP
• Descarga de recursos mediante arrastrar y soltar
• Descargar proyectos completos en un archivo de combate.
• Coloque fácilmente el archivo de su proyecto descargado en la página de Penpot, que descargará todos los archivos y activos del proyecto.

Instalar bolígrafo

Logré instalar Penpot en mi MacBook Pro M1 usando Docker y Docker Compose.

mkdir penpot
cd penpot
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/config.env

Puede configurar SMTP, usuarios, cuentas de demostración y más usando config.env archivo.

Ahora instalemos y ejecutemos la aplicación:

docker-compose -p penpot -f docker-compose.yaml up -d


Si todo está bien, puedes empezar a utilizar Penpot en: http://localhost:9001.

Aunque la configuración fue fácil, SMTP no parecía funcionar, no pude activar ninguna de mis cuentas a través del correo electrónico.

Crear la cuenta a través del comando no parece funcionar, ya que las cuentas creadas aún necesitaban activaciones por correo electrónico, por lo que tuve que realizar algunos enfoques de bajo nivel.

docker exec -ti penpot_penpot-backend_1 ./manage.sh create-profileno funcionó 🙁

Mi enfoque fue simple: acceder a la base de datos y activar el perfil de la cuenta cambiando los valores correctos.

Primero, tenemos que exponer la base de datos PostgreSQL de Penpot al host local, editando docker-compose.yaml y configurando puertos para penpot-postgres.

Luego, conéctese a la base de datos con cualquier editor SQL, luego cambie el valor is_active a verdadero, guarde e inicie sesión en su cuenta.

Licencia

Penpot se publica bajo la licencia pública de Mozilla v. 2.0 (MPLv2.0).

Recursos

• https://github.com/penpot/penpot
• https://penpot.app/
• https://help.penpot.app/technical-guide/getting-started/

Etiquetas

desarrollo desarrollo web programación basada en web aplicaciones gratuitas de código abierto tutorial de Docker autohospedado