Herramientas alternativas de diseño web open source

Hay muchas herramientas de creación de prototipos, de diseño de interfaz de usuario o aplicaciones de gráficos vectoriales. Pero la mayoría son de pago o de código cerrado. Así que por aquí os enseñaré varias opciones open source para que probéis y podáis utilizar la que más os guste.

Penpot

Penpot es la primera plataforma de diseño y creación de prototipos de código abierto destinada a equipos de dominios cruzados. Independientemente de los sistemas operativos, Penpot está basado en la web y funciona con estándares web abiertos (SVG).

Tiene características y capacidades destinadas a los diferentes roles que hay en un equipo.

Los archivos Penpot son compatibles con la mayoría de las herramientas vectoriales, son amigables con la tecnología y extremadamente fáciles de usar en la web.

Al estar basado en la web, Penpot no depende de sistemas operativos o instalaciones, solo necesitará ejecutar un navegador moderno.

Construir para la comunidad. Adaptabilidad extrema: las contribuciones pueden variar desde add-ons y plugins hasta la funcionalidad core.

Se pueden hacer interacciones para imitar el resultado final y se pueden presentar propuestas de diseño interactivas.

Todos los miembros del equipo trabajan simultáneamente, se puede modificar el diseño en tiempo real y hacer comentarios o ideas y comentarlos directamente sobre los diseños.

Se pueden compartir librerías y plantillas de tus diseños y descargar las de otros usuarios.

También te permite ver el código de lo que estás diseñando, descargarte un icono del diseño o ver las propiedades de un componente.

Akira

Akira solo funciona en linux y nace como alternativa moderna para usar en linux.

Akira es una aplicación de diseño nativa de Linux construida en Vala y GTK. Akira se centra en ofrecer un enfoque moderno y rápido para el Diseño UI y UX, dirigido principalmente a diseñadores web y diseñadores gráficos. El objetivo principal es ofrecer una solución válida y profesional para los diseñadores que quieren utilizar Linux como su sistema operativo principal.

Akira está en una fase temprana de desarrollo, no es recomendable utilizarla en un proyecto importante, pero si para descargarla y probarla.

Por ahora incluye:

• Ofrece un lienzo totalmente vectorial para cambiar el tamaño infinitamente sin perder calidad.

• Incluye un panel de opciones inteligente que muestra las características editables de un elemento seleccionado.

• Incluye un panel de capas con la posibilidad de arrastrar y soltar y ordenarlas de forma inteligente.

• Permite crear mesas de trabajo para organizar mejor las iteraciones y vistas de diseño.

• Ofrece control sobre el tamaño y la calidad de las imágenes exportadas

• Incluye un conjunto de iconos personalizables.

• Incluye la reconstrucción completa de la arquitectura de la biblioteca Canvas.

• Dispone de una implementación de la cuadrícula de píxeles.

• Ofrece la personalización del color de la cuadrícula de píxeles.

• Ofrece la implementación de guías de ajuste inteligentes.

Alva

Alva le permite diseñar productos interactivos basados en los mismos componentes que utilizan los programadores para los sitios web.

Diseño y programación, unidos.

Como diseñador, empieza con un conjunto mínimo de componentes web que se mejoran al importar nuevos componentes como imágenes de marcador de posición. En base a eso, un programador puede comenzar a escribir el componente como código real e ir reemplazando todos los componentes.

Se pueden crear librerías de componentes para que los programadores puedan usarlas cuando las necesiten.

Llevar la tecnología web al diseño web.

Un sitio web es más que un simple lienzo de dibujo de tamaño fijo, donde puedes colocar rectángulos, círculos y texto donde quieras. Alva te ofrece la oportunidad de hacer diseños interactivos.

Dotgrid

Dotgrid es un software de dibujo vectorial basado en cuadrículas diseñado para crear logotipos, iconos y tipos. Admite capas, las especificaciones completas de SVG y efectos adicionales como reflejo y dibujo radial. Dotgrid exporta a archivos PNG y SVG.

Es mucho más simple que los anteriores, pero es perfecto para hacer logos e iconos simples de manera muy fácil.

Aqui teneis un video corto de como funciona:

Nadal Vicens

Desde niño apasionado de los videojuegos, gracias a ello me ha interesado la tecnología, y he acabado dentro del mundo de la programación, donde puedo estar horas sin que me de cuenta. Interesado en aprender tanto de la parte de tecnología como de diseño. No podría vivir sin videojuegos, café y pizza.