Programar interfaces de usuario no es una tarea fácil, es necesario tener conocimientos de programación y de usabilidad, integrarse mucho con el resto del equipo y pensar siempre en el usuario final, teniendo en cuenta los millones de perfiles diferentes que hay en el mundo.
Es por eso que siempre es una buena noticia conocer nuevas opciones que ayuden a los programadores encargados de esa parte, y hoy es el lanzamiento global de Backlight.
Lo presentan como el resultado de más de 2 años trabajando para responder cinco preguntas:
– ¿Cómo crear experiencias front-end coherentes?
– ¿Cómo tener la accesibilidad incorporada en todas partes?
– ¿Cómo evitar volver a crear lo mismo varias veces?
– ¿Cómo asegurarse de que los nuevos utilicen los componentes existentes?
– ¿Cómo mantener bajo control la calidad y la mantenibilidad?
Para ello han creado un sistema de diseño que tiene siempre presente el requisito de colaboración, colaboración entre desarrolladores y diseñadores.
Además de revisar el código HTML y CSS, ofrece acceso a las revisiones, se integra en el flujo de trabajo de Git sin necesidad de una línea de comandos (para que los diseñadores puedan contribuir fácilmente), cuenta con varios kits de inicio para reducir el costo de iniciar (tienen kits de inicio en React, Vue, Svelte, Web Components y más), cuentan con un sistema de gestión de versiones integrado y se puede lanzar el sistema de diseño como un paquete «npm» prácticamente con un clic.
Cuentan con un plan gratuito donde 3 usuarios pueden colaborar en un mismo sistema, ideal para autónomos que trabajan en sistemas de diseño para clientes.
Podéis probarlo en backlight.dev, donde cuentan con un vídeo de presentación muy atractivo mostrando todo lo que puede hacer por nosotros en el día a día.
Otras características de backlight
– La biblioteca de componentes está organizada visualmente. Es fácil para cualquiera descubrir el catálogo de componentes y contribuir al Design System de inmediato.
– Admite Storybook stories (CSF).
– Tiene soporte incorporado para MDX (React) y documentación Markdown.
– Muestra los componentes directamente en la documentación.
– Todos pueden contribuir directamente con una vista previa en línea instantánea.
– Se admiten enlaces Figma y Adobe Xd.
– Se pueden reproducir errores.
– Es posible garantizar la accesibilidad a lo largo del tiempo.
– Se pueden automatizar comprobaciones de eventos.
– Podemos compartir vistas previas en tiempo real del componente en el que estamos trabajando.
– Es posible revisar las solicitudes de extracción visualmente
– Viene con un IDE en línea integrado (inspirado por VSCode).
– Se conecta al repositorio de Git (es compatible con GitHub y Gitlab)
– Promueve tecnologías de desarrollo web 100% estándar.