VTEX Design System
sistema de diseño de código abierto de VTEX para interfaces de comercio electrónico coherentes y accesibles
Descripción General
El Sistema de Diseño de VTEX es el sistema de diseño de código abierto oficial de VTEX para crear experiencias digitales escalables, coherentes y accesibles en plataformas de comercio electrónico. Proporciona componentes UI, patrones, directrices y herramientas reutilizables adaptados para tiendas online, flujos de pago y paneles de administración, con un enfoque en rendimiento y personalización.
Ideal para
Colores semánticos, tipografía, espaciado, iconos y movimiento para la coherencia de marca. Accesibilidad: cumplimiento WCAG con soporte ARIA y patrones inclusivos. Herramientas: kit de Figma para prototipado; biblioteca React (VTEX Styleguide) para implementación.
Características Principales
- Biblioteca de componentes: elementos reutilizables como botones, formularios, tarjetas, cuadrículas de productos y widgets de pago con variantes para temas y estados
- Tokens de diseño: colores semánticos, tipografía, espaciado, iconos y movimiento para la coherencia de marca
- Accesibilidad: cumplimiento WCAG con soporte ARIA y patrones inclusivos
- Herramientas: kit de Figma para prototipado; biblioteca React (VTEX Styleguide) para implementación
Pros
- +Código abierto
- +Biblioteca de iconos extensa
- +Generación de paletas de colores
- +Verificación de contraste de accesibilidad
Contras
- -La adopción requiere alineación del equipo
- -La personalización puede ser compleja
/// ESPECIFICACIONES
- Precio:Free
- Plataforma:Browser
UNDP Design System
sistema de diseño de código abierto del PNUD para interfaces de desarrollo global coherentes y accesibles
U.S. Web Design System
Sistema de Diseño Web de EE. UU.: marco oficial del gobierno para servicios digitales públicos coherentes y accesibles
Specify
Herramienta de sincronización de activos de diseño
Slack Block Kit
Framework mensajes interactivos Slack
SmartHR UI
biblioteca de componentes React de código abierto para interfaces de plataformas de RRHH coherentes y accesibles
VKUI
biblioteca React de código abierto de VK para interfaces coherentes y accesibles en aplicaciones y servicios de VK
Vaadin Design System
sistema de diseño de código abierto para aplicaciones web empresariales coherentes y accesibles con componentes web
Vibe Design System
sistema de diseño de código abierto de monday.com para interfaces de gestión de trabajo coherentes y accesibles
Watt Design System
kit de interfaz basado en Figma de Holaluz para interfaces de energía renovable coherentes y accesibles
A2UI
protocolo de código abierto para que agentes de IA generen interfaces de usuario declarativas y seguras en múltiples plataformas