Backlight — Herramientas para desarrolladores

¿Qué es Backlight?

Backlight es una plataforma de sistemas de diseño centrada en el código que permite a los equipos front-end construir, publicar y evolucionar grandes sistemas de diseño. Combina un IDE en línea, revisiones visuales de pull requests, uso compartido instantáneo y un plugin de Figma para generar kits de IU automáticamente desde el código, tendiendo un puente entre desarrolladores y diseñadores.

¿Para quién es?

Backlight está pensado para ingenieros front-end y equipos de sistemas de diseño que quieren acelerar el desarrollo sin sacrificar calidad. También es muy apreciado por diseñadores que pueden generar y mantener librerías de Figma automáticamente a partir de cambios en el código. No es una herramienta low-code/no-code para usuarios no técnicos; requiere familiaridad con componentes de código (React, Vue, Svelte, etc.).

Casos de uso reales

Equipos de empresas impulsadas por productos como Qovery y Saqara utilizan Backlight para reducir la creación de sistemas de diseño de meses a días. Las revisiones visuales de PR permiten a los desarrolladores detectar inconsistencias antes de fusionar. El plugin de Figma elimina las transferencias manuales entre diseño y código, ahorrando horas por sprint.

Limitación clave a tener en cuenta

Backlight.dev cerrará el 1 de junio de 2025. Para más detalles, contacta a hello@divriots.com. Esto significa que los nuevos registros y las migraciones a largo plazo pueden verse afectados; considéralo antes de comprometerte con la plataforma para nuevos proyectos.

• Revisiones visuales de Pull Request — Ve los cambios de antes y después de los componentes de tu sistema de diseño sin esperar a que se compile.
• Plugin de Figma (story.to.design) — Genera y mantiene kits de IU de Figma directamente desde tu código de forma automática.
• IDE en línea + CLI — Edita componentes en tiempo real usando tu framework preferido (React, Vue, Svelte, SolidJS, etc.).
• Versiones y versionado automático — Mantén instantáneas automáticas de tu sistema de diseño, con etiquetado manual cuando sea necesario.
• Motor de documentación enriquecido — Escribe documentación en Markdown, MDJS, MDX2, MDVue, MDsveX o Nunjucks; exporta un sitio de documentación estático.
• Integración con Git — Funciona con GitHub y GitLab; comparte y colabora en sistemas de diseño sin necesidad de tickets.
• Informes de regresión visual — Detecta cambios visuales no deseados con instantáneas de regresión automatizadas (100 incluidos en el plan Starter).

Precios de Backlight: Plan gratuito disponible; Pro desde $149/mes. Modelo de facturación: Freemium.

Starter (Gratuito)

Usuarios ilimitados, hasta 2 sistemas de diseño, IDE en línea y CLI, integraciones con GitHub y GitLab, revisiones visuales de PR, 100 informes de regresión visual, publica en el ámbito @backlight-dev, documentación en Markdown/MDX, edición en tiempo real, versionado automático, soporte comunitario en Discord.

Pro ($149/mes)

Todas las funciones de Starter, hasta 5 sistemas de diseño, 1000 informes de regresión visual, publica en cualquier ámbito/registro, publica paquetes privados, exporta sitio estático de documentación, soporte por correo electrónico.

Enterprise ($499/mes)

Todas las funciones de Pro, sistemas de diseño ilimitados, informes de regresión visual ilimitados, soporte por correo electrónico con SLA y story.to.design (plugin de Figma) incluido. El 1% de las compras se destina a Stripe Climate.

Nota: Backlight.dev cerrará el 1 de junio de 2025. Las suscripciones nuevas pueden verse afectadas.

Encuentra la herramienta ideal para ti con nuestro asesor de IA →