Diseño
Penpot
Herramienta open source de diseño de interfaces y prototipado web.
Editor colaborativo basado en estándares web que permite diseñar interfaces, crear componentes, prototipos y entregar especificaciones.
Ir al sitio oficialFicha abierta
Para qué sirve y cómo encaja
Editor colaborativo basado en estándares web que permite diseñar interfaces, crear componentes, prototipos y entregar especificaciones.
Útil para equipos que quieren diseño colaborativo, formatos abiertos y opción de autoalojamiento sin depender de una herramienta cerrada.
Puede quedarse corto frente a ecosistemas con más plugins, bibliotecas corporativas o flujos maduros de handoff.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Se instala igual en cualquier stack: cópialos tal cual o pásale el prompt a tu agente.
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yamldocker compose -p penpot up -dPrompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Penpot en este proyecto. Documentación oficial: https://help.penpot.app/technical-guide/getting-started/. Comando verificado: `docker compose -p penpot up -d`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Professional
0 $ por usuario y mes en la nube de Penpot, con proyectos y colaboración sin coste.
- 02Unlimited
Unlimited
7 $ por usuario y mes con un tope de 175 $ mensuales por organización.
- 03Enterprise
Enterprise
25 $ por usuario y mes con un mínimo de 950 $ al mes; el servidor privado cuesta 50.000 $ al año.
Funcionalidades
Qué puedes hacer con ella
- 01
Diseño de interfaces
Trabaja con layouts, componentes, estilos y sistemas reutilizables.
- 02
Prototipado
Conecta pantallas y define interacciones para validar recorridos.
- 03
Estándares web
Utiliza SVG, CSS y conceptos cercanos a la implementación frontend.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Útil para equipos que quieren diseño colaborativo, formatos abiertos y opción de autoalojamiento sin depender de una herramienta cerrada.
Mejor otra opción si…
Puede quedarse corto frente a ecosistemas con más plugins, bibliotecas corporativas o flujos maduros de handoff.