Penpot

¿Qué es Penpot?

Penpot es una plataforma de diseño de código abierto dirigida a equipos que crean productos digitales. Los diseñadores la usan para wireframes, composiciones de interfaz adaptables y prototipos en los que se puede hacer clic, con reglas de maquetación que siguen CSS Grid y Flexbox en lugar de un modelo propietario. Para las organizaciones más grandes admite sistemas de diseño mediante componentes reutilizables, bibliotecas compartidas y tokens de diseño que forman parte del propio producto. Los desarrolladores pueden inspeccionar un diseño y obtener código a partir de él en formatos abiertos como CSS, HTML, SVG y JSON, y los archivos también se guardan en un formato abierto. Penpot se conecta además con herramientas de IA: un servidor MCP permite que agentes y modelos de lenguaje trabajen dentro de un archivo, con conversiones entre código y diseño en ambos sentidos. Se ofrece como servicio en la nube y como instalación autoalojada, y se puede ampliar con plugins.

Funciones principales

Capturas de pantalla

Precios Funciones

Casos de uso

Diseño de una aplicación web

Compón las pantallas con las mismas reglas de grid y flex que usará el front end.

Traspaso a desarrollo

Deja que los ingenieros abran el diseño, inspeccionen los espaciados y copien estilos sin un paso de exportación aparte.

Mantenimiento de un sistema de diseño

Mantén tokens, componentes y bibliotecas en un solo lugar y reutilízalos entre equipos.

Mantener los datos de diseño en casa

Ejecuta la herramienta en los servidores de la empresa cuando los archivos deben quedarse dentro de tu propia red.

Diseño asistido por agentes

Conecta un agente de IA mediante el servidor MCP para generar o ajustar composiciones a partir de código o de prompts.

Precios

Precios tal como aparecen en el texto de la página de precios oficial, que indica que todos los precios están en USD. Los planes en la nube se muestran por mes; la opción Private Server se cotiza por año. Hay descuentos para organizaciones sin ánimo de lucro, educativas y proyectos de código abierto previa solicitud. Comprobado el 9 oct 2026 en penpot.app.

Consulta los precios actuales en penpot.app

Lo que debes saber

Los precios se indican en USD

La página de precios señala de forma explícita que todos los precios figuran en dólares estadounidenses.

Los planes de pago en la nube tienen prueba

La página de precios ofrece una prueba gratuita de 14 días en los planes de pago.

Descuentos previa solicitud

Las organizaciones sin ánimo de lucro, educativas y de código abierto pueden solicitar precios reducidos.

La nube y el autoalojamiento tienen precios distintos

La página de precios alterna entre una vista para el servicio alojado y otra para las instalaciones que gestionas tú mismo.

Preguntas frecuentes

Para quién es

• Diseñadores de producto
• Desarrolladores front-end
• Equipos de sistemas de diseño
• Proyectos de código abierto
• Grandes empresas

Etiquetasopen sourceprototypingdesign tokensself-hostingMCP

Aparece en estas guías

• Diseñar la interfaz de una app con IA: investigación, pantallas, prototipo y códigoEtapa 3: Pantallas de interfaz
• Diseñar la interfaz de una app con IA: investigación, pantallas, prototipo y códigoEtapa 6: Del diseño al código y traspaso

Cada guía recorre las etapas de un trabajo y las herramientas que ayudan en cada una. Todas las guías

Alternativas a Penpot

Herramienta	Plan gratuito	Precio inicial	API
MasterGoPlataforma colaborativa en línea de diseño de interfaces con generación de prototipos con IA y entrega de diseño a código.	Sí	—	Sí
BananiHerramienta de diseño de interfaces con IA que convierte instrucciones, capturas o enlaces de Figma en prototipos editables de varias pantallas.	Sí	—	—
GGrainientBiblioteca de degradados granulados, suaves y animados, y de fondos generados con IA, con una herramienta de shaders en tiempo real.	—	—	—
BannerbearAPI que genera automáticamente imágenes, PDF, animaciones y videos a partir de plantillas de diseño reutilizables.	—	49 $/mes	Sí
GetLayersBiblioteca de plantillas web, escenas 3D, secciones y degradados que se entregan como prompts para herramientas de programación con IA.	Sí	—	—

Herramientas de las mismas categorías que Penpot. El precio inicial solo aparece si lo comprobamos en la página de precios del desarrollador; un guion significa que no se comprobó o no está publicado. Todas las herramientas de la categoría Diseño UI y UX