Vibe Design System
sistema de diseño de código abierto de monday.com para interfaces de gestión de trabajo coherentes y accesibles
Descripción General
Vibe es el sistema de diseño de código abierto oficial de monday.com, que proporciona componentes UI, patrones, directrices y herramientas reutilizables para crear experiencias digitales coherentes, accesibles y escalables en la plataforma de gestión de trabajo de monday.com y productos relacionados, con enfoque en modularidad, personalización y colaboración.
Ideal para
Equipos que crean productos digitales escalables y coherentes
Características Principales
- Biblioteca de componentes: elementos reutilizables como botones, formularios, tableros, tarjetas, navegación y widgets específicos de trabajo 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 con soporte TypeScript
Pros
- +Código abierto
- +Colaboración en tiempo real
- +Biblioteca de iconos extensa
- +Colores y tamaños personalizables
Contras
- -La adopción requiere alineación del equipo
- -La personalización puede ser compleja
/// ESPECIFICACIONES
- Precio:Free
Zeroheight
Plataforma de documentación de sistemas de diseño
UNDP Design System
sistema de diseño de código abierto del PNUD para interfaces de desarrollo global coherentes y accesibles
Flareum
Constructor de sistemas de diseño que sincroniza Figma y código
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
VKUI
biblioteca React de código abierto de VK para interfaces coherentes y accesibles en aplicaciones y servicios de VK
VTEX Design System
sistema de diseño de código abierto de VTEX para interfaces de comercio electrónico coherentes y accesibles
Vaadin Design System
sistema de diseño de código abierto para aplicaciones web empresariales coherentes y accesibles con componentes web
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