Categorías

Espacio de trabajo colaborativo de Penpot

Penpot 2.18: nuevas funciones para el diseño de interfaces y la colaboración en equipo

Penpot 2.18 incorpora varias mejoras prácticas al editor de diseño de código abierto, con especial atención al dibujo vectorial, la tipografía, los sistemas de diseño compartidos y el trabajo en equipo. Anunciada en septiembre de 2026 bajo el nombre «Born This Way», esta actualización introduce la conversión de trazos en trazados, herramientas específicas para líneas y flechas, vistas previas de fuentes mejoradas y una gestión más fiable de los tokens de diseño. También supone la llegada de Penpot Enterprise, una opción de pago que ofrece controles administrativos adicionales para las grandes organizaciones. El editor principal sigue siendo gratuito y de código abierto, lo que permite a los diseñadores crear interfaces, desarrollar prototipos interactivos y colaborar con los desarrolladores sin necesidad de contratar una suscripción comercial. En lugar de transformar radicalmente el entorno de trabajo habitual, la versión 2.18 se centra en facilitar las tareas cotidianas de diseño y proporcionar a los equipos un mayor control sobre sus proyectos.

Penpot 2.18 incorpora herramientas de dibujo y edición más flexibles

Una de las novedades más importantes de Penpot 2.18 es la posibilidad de convertir trazos en trazados vectoriales editables. Anteriormente, un trazo era principalmente una propiedad visual aplicada a una línea o figura existente. Los diseñadores podían modificar su grosor, color y apariencia, pero trabajar directamente con su contorno visible resultaba menos sencillo. El nuevo comando Outline Stroke convierte ese contorno en una geometría vectorial que puede modificarse de forma independiente. Esta función resulta especialmente útil para preparar iconos personalizados, elementos decorativos de interfaces, ilustraciones o gráficos que requieren ajustes más precisos de los que permiten las propiedades habituales de los trazos.

Para utilizar esta función, los diseñadores deben seleccionar un objeto con trazo, abrir su menú contextual y elegir Outline Stroke. Penpot convierte el trazo en un trazado editable que sigue sus contornos visibles. La figura resultante puede ajustarse mediante las herramientas de edición vectorial, combinarse con otros objetos mediante operaciones booleanas o exportarse en formato SVG. Por ejemplo, al crear un icono de navegación, un diseñador puede transformar una línea gruesa en una figura y modificar determinadas secciones sin tener que volver a dibujar todo el símbolo. Sin embargo, existe un requisito importante: Outline Stroke solo está disponible cuando el nuevo motor de renderizado WebGL está activado. Los equipos que todavía utilizan el motor anterior deben tener en cuenta esta limitación.

La barra de herramientas de dibujo también se ha reorganizado para reducir la cantidad de elementos visibles y facilitar el acceso a las funciones más utilizadas. Penpot 2.18 agrupa las herramientas de dibujo en dos menús desplegables. El grupo de figuras incluye rectángulos, elipses, líneas y flechas, mientras que el grupo de dibujo libre reúne las herramientas de trazados y lápiz. Cada menú recuerda la última herramienta seleccionada, lo que permite a los diseñadores volver a las funciones habituales sin tener que recorrer repetidamente todas las opciones disponibles. Otra mejora destacable es la incorporación de herramientas específicas para líneas y flechas. Estas eliminan la necesidad de construir elementos direccionales sencillos mediante combinaciones más complejas de trazados y ajustes de trazo, facilitando tareas como dibujar conexiones, anotaciones y diagramas de interfaces.

Mejoras tipográficas y elementos visuales más coherentes

La selección de tipografías recibe una mejora relativamente pequeña, pero especialmente útil, en Penpot 2.18. Ahora, los nombres de las fuentes aparecen representados con sus respectivas tipografías dentro del selector, lo que permite reconocer el carácter visual de cada familia antes de aplicarla a un elemento de texto. Anteriormente, elegir entre fuentes poco conocidas podía exigir seleccionarlas y probarlas una por una. Las nuevas vistas previas facilitan las comparaciones, especialmente al desarrollar interfaces que necesitan una identidad visual diferenciada. Los diseñadores pueden apreciar directamente desde el menú si una fuente tiene un estilo formal, geométrico, condensado o decorativo, aunque la decisión definitiva debe seguir basándose en pruebas con textos reales de la interfaz.

La actualización también mejora el comportamiento de los tokens de diseño cuando se copian propiedades entre elementos. Los tokens de diseño son valores reutilizables que ayudan a los equipos a gestionar colores, espaciados, tipografías y otras propiedades recurrentes de una interfaz. Por ejemplo, en lugar de asignar manualmente el mismo color a decenas de botones, un diseñador puede vincularlos a un token compartido. Penpot 2.18 conserva las referencias a los tokens al copiar y pegar las propiedades compatibles, en vez de sustituirlas simplemente por sus valores originales. Este cambio, aparentemente modesto, tiene consecuencias prácticas: los elementos copiados mantienen su relación con las decisiones de diseño iniciales, lo que facilita las modificaciones posteriores y reduce el riesgo de inconsistencias visuales.

Imaginemos una interfaz de producto que contiene varias pantallas con botones del mismo color principal. Si ese color está controlado mediante un token, modificarlo puede actualizar todos los elementos vinculados en el conjunto del diseño. Cuando las propiedades copiadas conservan sus referencias a los tokens, los componentes recién modificados pueden seguir respetando las mismas reglas visuales. Esto resulta especialmente valioso en proyectos con varios diseñadores o bibliotecas de componentes extensas. La mejora no sustituye la necesidad de organizar cuidadosamente los sistemas de diseño, pero elimina una causa habitual de inconsistencias accidentales. Junto con las vistas previas de tipografías y los cambios en las herramientas de dibujo, hace que Penpot 2.18 resulte más cómodo para realizar trabajos detallados de diseño de interfaces sin obligar a los profesionales a modificar sus métodos habituales.

Mejor colaboración y gestión de sistemas de diseño en Penpot 2.18

Penpot lleva tiempo ofreciendo funciones de diseño colaborativo que permiten a los equipos trabajar con archivos compartidos, componentes reutilizables y prototipos interactivos. La versión 2.18 amplía estas capacidades existentes, en lugar de presentar la colaboración como una función completamente nueva. Una de sus mejoras destacadas está relacionada con los comentarios dentro del entorno de diseño. Los profesionales pueden consultar y gestionar las observaciones mientras siguen trabajando en sus composiciones, lo que reduce la necesidad de alternar entre las tareas de edición y revisión. Esto resulta importante en proyectos donde responsables de producto, desarrolladores y diseñadores debaten regularmente sobre las mismas pantallas. Mantener los comentarios cerca de los elementos visuales correspondientes ayuda a conservar el contexto y facilita la comprensión de los cambios solicitados.

Por ejemplo, un responsable de producto que revisa una pantalla de registro puede sugerir que se cambie la posición de un mensaje de error, mientras que un desarrollador puede señalar un posible problema con el espacio entre los campos de un formulario. Estas conversaciones son más útiles cuando los comentarios permanecen asociados al propio diseño. Penpot 2.18 también corrige un comportamiento del teclado que anteriormente provocaba dificultades al redactar comentarios: al pulsar la barra espaciadora, podía activarse la herramienta de mano en lugar de introducir un espacio en el texto. La corrección elimina una interrupción innecesaria del proceso de revisión. Aunque este tipo de ajustes rara vez recibe tanta atención como las grandes novedades, puede mejorar considerablemente la experiencia de los equipos que revisan diseños durante toda la jornada laboral.

Los componentes compartidos siguen siendo fundamentales para mantener la coherencia en los proyectos de mayor tamaño. Un equipo de diseño puede utilizar una única biblioteca de componentes para barras de navegación, botones, campos de formulario y mensajes de notificación, reutilizando esos elementos en diferentes pantallas. Penpot permite adoptar este método mediante componentes reutilizables y bibliotecas compartidas, mientras que los tokens de diseño aportan un nivel adicional de coherencia a las propiedades visuales. La versión 2.18 incluye correcciones relacionadas con la sincronización de componentes y el comportamiento de las composiciones, lo que ayuda a que los elementos compartidos respondan de manera más fiable cuando cambian sus propiedades originales. Aun así, los diseñadores deben revisar las composiciones complejas después de actualizar las bibliotecas, especialmente cuando los componentes contienen elementos anidados o múltiples variantes. La actualización mejora la fiabilidad, pero no elimina la necesidad de realizar revisiones habituales del diseño.

Penpot Enterprise incorpora controles administrativos para grandes equipos

Una de las novedades más importantes que acompañan a Penpot 2.18 es la presentación de Penpot Enterprise. Esta opción de pago se centra en la administración de organizaciones, en lugar de restringir las herramientas habituales de dibujo y creación de prototipos del editor mediante una suscripción. Penpot continúa ofreciendo sus funciones de código abierto sin coste de licencia, mientras que Enterprise proporciona controles adicionales para empresas que gestionan numerosos usuarios, equipos y proyectos. Esta diferencia es importante porque las necesidades de un diseñador independiente son considerablemente distintas de las de una gran organización. Un equipo pequeño puede necesitar únicamente archivos de diseño compartidos y permisos de usuario convencionales, mientras que una empresa con varios departamentos puede requerir reglas centralizadas para gestionar el acceso, las invitaciones y la administración.

Penpot Enterprise introduce una consola de administración específica, denominada Admin Console, que permite a los administradores autorizados gestionar organizaciones independientes y aplicar políticas a sus equipos. También admite el inicio de sesión único a nivel de organización mediante proveedores de identidad, incluidos servicios genéricos OpenID Connect, Microsoft Azure Active Directory y Google. El inicio de sesión único permite a los empleados acceder a los recursos de Penpot de su organización utilizando un sistema corporativo de identidad ya establecido. Esto puede simplificar la gestión de cuentas, especialmente cuando los trabajadores se incorporan a la empresa, cambian de departamento o dejan de formar parte de ella. En lugar de depender exclusivamente de configuraciones de acceso independientes para cada herramienta, los administradores pueden conectar Penpot con su infraestructura de identidad existente y gestionar la autenticación de forma más coherente.

Los permisos avanzados representan otra diferencia importante. Los administradores pueden establecer reglas que determinen quién está autorizado a crear o gestionar equipos, proyectos y archivos, quién puede invitar a nuevos miembros y qué usuarios pueden recibir invitaciones. Estas restricciones generales de la organización funcionan junto con los roles habituales de usuario. Por ejemplo, una empresa puede permitir que los diseñadores editen los archivos de los proyectos y, al mismo tiempo, limitar la posibilidad de invitar a colaboradores externos. Estos controles pueden resultar útiles para agencias que gestionan proyectos confidenciales de clientes o empresas con requisitos formales de seguridad interna. Sin embargo, Enterprise no es imprescindible para todos los usuarios de Penpot. Los profesionales autónomos, estudiantes, pequeños estudios y numerosos equipos de producto pueden seguir trabajando con la edición gratuita, por lo que la opción de pago está dirigida principalmente a organizaciones que necesitan una gestión administrativa más avanzada.

Espacio de trabajo colaborativo de Penpot

Qué significa Penpot 2.18 para diseñadores de interfaces y desarrolladores en 2026

Uno de los principales atractivos de Penpot es que combina el diseño de interfaces, la creación de prototipos y los procesos de trabajo orientados al desarrollo dentro de una aplicación de código abierto. Los diseñadores pueden crear pantallas, organizar recursos reutilizables y desarrollar flujos interactivos, mientras que los desarrolladores pueden inspeccionar las propiedades del diseño y trabajar con recursos destinados a su implementación. El editor utiliza tecnologías web conocidas y admite formatos habituales como SVG, lo que lo hace especialmente relevante para equipos que desarrollan sitios web y aplicaciones web. Penpot 2.18 refuerza este enfoque mediante mejoras prácticas, en lugar de intentar redefinir por completo el proceso de diseño. Sus novedades en las herramientas de dibujo resultan útiles durante la producción visual, mientras que la mejora en la gestión de tokens y la fiabilidad de los componentes facilita la transición desde pantallas individuales hasta productos visualmente coherentes.

La actualización también incluye trabajos de mantenimiento relacionados con el motor de renderizado WebGL, los complementos y la integración con Model Context Protocol (MCP). El renderizado WebGL es especialmente importante porque permite utilizar capacidades visuales más recientes, incluida la conversión de trazos introducida en esta versión. Penpot ha estado desarrollando este motor de renderizado para mejorar el tratamiento de archivos de diseño exigentes y efectos visuales más avanzados. Por su parte, la integración con MCP ofrece una forma de conectar herramientas de desarrollo asistidas por inteligencia artificial compatibles con Penpot mediante una conexión definida. La versión 2.18 corrige problemas relacionados con las conexiones cuando las pestañas del navegador permanecen inactivas, además de otros fallos de fiabilidad. Estos cambios resultan útiles para los equipos que experimentan con procesos conectados de diseño y desarrollo, aunque MCP sigue siendo opcional para el trabajo convencional de diseño de interfaces.

El modelo de código abierto de Penpot también ofrece a las organizaciones la posibilidad de elegir entre utilizar su servicio alojado o gestionar una instalación propia. El autoalojamiento puede resultar atractivo para empresas que desean tener un mayor control sobre su infraestructura, el almacenamiento de datos y las tareas de mantenimiento. Sin embargo, también implica asumir responsabilidades que, en un entorno alojado, suelen estar gestionadas por el proveedor del servicio. Los equipos que mantienen sus propias instalaciones deben considerar las actualizaciones del software, las copias de seguridad, la gestión de accesos y la seguridad de los servidores. La disponibilidad del código fuente no convierte automáticamente una instalación en segura ni elimina sus necesidades de mantenimiento. Por tanto, para los diseñadores que evalúan Penpot en 2026, la decisión práctica no consiste únicamente en determinar si el editor dispone de las funciones necesarias, sino también en comprobar si la modalidad de instalación elegida se adapta a los recursos técnicos de la organización.

Ventajas prácticas, limitaciones y elección del método de trabajo adecuado

La mejor manera de evaluar Penpot 2.18 es mediante una tarea de diseño realista. Imaginemos un equipo pequeño que desarrolla una aplicación de reservas en línea. El diseñador comienza creando un conjunto de pantallas para buscar, seleccionar y confirmar reservas. Las herramientas específicas para líneas y flechas pueden ayudar a representar las rutas de navegación, mientras que la conversión de trazos en vectores proporciona mayor flexibilidad al perfeccionar iconos personalizados. Las vistas previas de fuentes facilitan la selección de una tipografía adecuada, y los tokens de diseño compartidos mantienen la coherencia de los colores y espaciados entre pantallas. Una vez preparada la interfaz inicial, los compañeros pueden revisar el diseño mediante comentarios, mientras que los desarrolladores inspeccionan las propiedades correspondientes y preparan los componentes de la aplicación.

También hay varias limitaciones que conviene tener en cuenta. Outline Stroke requiere el motor de renderizado WebGL, y convertir un trazo en geometría modifica la forma en que debe editarse el elemento resultante. Por eso, los diseñadores deberían conservar una versión original cuando exista la posibilidad de que necesiten ajustar posteriormente el grosor del trazo u otras propiedades específicas. Del mismo modo, los componentes reutilizables y los tokens solo resultan eficaces cuando el equipo establece convenciones de nomenclatura razonables y mantiene sus bibliotecas organizadas. Penpot no resuelve automáticamente las decisiones visuales contradictorias ni garantiza que todos los diseños puedan transformarse perfectamente en código funcional. Los equipos que llegan desde otro editor también deberían comprobar las importaciones, las fuentes, los prototipos y los componentes complejos antes de trasladar un proyecto importante. La compatibilidad con un formato de archivo no significa necesariamente que todos los detalles se comporten de manera idéntica después de la migración.

Para quienes ya utilizan Penpot, la versión 2.18 ofrece mejoras útiles en tareas habituales, especialmente en la edición vectorial, la selección de tipografías y la conservación de las relaciones dentro de los sistemas de diseño. Los nuevos usuarios pueden encontrar atractiva su combinación de acceso gratuito, código abierto, edición colaborativa y funciones adaptadas a las necesidades de los desarrolladores, especialmente cuando la independencia tecnológica y la flexibilidad son importantes. Las empresas de mayor tamaño también pueden considerar Enterprise si necesitan una gestión centralizada de identidades y permisos para toda la organización. La actualización de septiembre de 2026 debe entenderse como una mejora gradual, pero significativa, y no como una reinvención completa del editor. Su principal aportación consiste en eliminar pequeños obstáculos del trabajo cotidiano y ofrecer a los equipos métodos más fiables para crear, revisar y mantener diseños de interfaces a medida que sus proyectos crecen.