UNDP Design System
sistema de diseño de código abierto del PNUD para interfaces de desarrollo global coherentes y accesibles
Descripción General
El Sistema de Diseño del PNUD es el sistema de diseño de código abierto del Programa de las Naciones Unidas para el Desarrollo. Proporciona componentes, patrones y directrices reutilizables para crear experiencias digitales coherentes, accesibles y eficientes para proyectos de desarrollo internacional, ayuda humanitaria y desarrollo sostenible.
Ideal para
Equipos que crean productos digitales escalables y coherentes
Características Principales
- Biblioteca de componentes: elementos reutilizables como botones, formularios, tarjetas, visualizaciones de datos y navegación con variantes
- Tokens de diseño: colores de marca del PNUD, tipografía, espaciado e iconos para la coherencia de marca
- Accesibilidad: cumplimiento WCAG 2.1 AA con soporte ARIA y patrones inclusivos
- Herramientas: kit de Figma para prototipado; implementación en código para HTML/CSS y React
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
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
Radius Design System
Sistema diseño open-source Radius
Salt Design System
Sistema diseño open-source Salt
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
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
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