Humaaans

Descripción General

Licencia abierta: Publicado bajo CC0 1.0 Universal Public Domain Dedication, permitiendo copia, modificación y uso comercial sin restricciones y sin atribución. Sistema de diseño: Basado en diseño plano moderno con seis categorías principales de componentes: Peinados: Más de 20 opciones incluyendo pañuelos y sombreros Expresiones faciales: Más de 30 emociones (alegría/confusión/concentración) Poses corporales: Posiciones base de pie/sentado/busto Ropa: Más de 40 estilos (casual/negocio/athleisure) Accesorios: Más de 15 artículos como gafas y mochilas Escenas: Accesorios de fondo (escritorios/plantas) Todos los elementos están construidos en una cuadrícula de 24×24px, admitiendo rotación, escalado y personalización de color mediante variables CSS para efectos dinámicos (por ejemplo, animaciones hover). Tecnología y aplicaciones Plugin de Figma: Montaje de componentes mediante arrastrar y soltar con ajuste de color en tiempo real Biblioteca Sketch: Estilo basado en símbolos para intercambio rápido de peinados/atuendos Archivos Adobe XD: Archivos fuente en capas para edición avanzada CSS-Peeps: Renderizado web dinámico mediante variables como --peep-skin-color Casos de uso: Diseño de productos: Diagramas de flujo de usuario, estados vacíos, ilustraciones de incorporación Marketing: Gráficos de redes sociales, encabezados de correo electrónico Educación: Materiales de e-learning, personajes de libros infantiles Formatos de archivo: Disponible en SVG (vectorial escalable), PNG (fondo transparente), EPS (listo para impresión) y archivos de diseño nativos, compatible con la gestión de biblioteca IconJar. Capacidades comerciales y de expansión Personalización de marca: Admite 12 preajustes de tonos de piel y ajuste completo de color HSL para la ropa mediante el plugin de Figma, alineándose con los sistemas visuales corporativos. Componentes React: Paquete npm react-humaaans con más de 200 personajes preconstruidos Acceso API: Servicios de terceros para generación dinámica de avatares (por ejemplo, flujos de registro de usuario) Código abierto: Repositorio GitHub que acepta componentes enviados por la comunidad Ejemplos notables: Airbnb usa Humaaans para ilustraciones de perfiles de equipo, Slack lo integra en paneles de emojis y Spotify lo emplea para arte de portada de podcasts.

label.best_for

API acceder: Third-party services para dynamic avatar generation (e.g., usuario registration flows) código abierto: GitHub repository accepting comunidad-submitted componentes Notable Examples: Airbnb usa Humaaans para equipo profile ilustraciones, Slack integra ello en emoji panels, y Spotify employs ello para podcast cover art.

Características Principales

• prefabricado componentes de IU
• Figma/Sketch/XD formats
• adaptable layouts
• personalizable tokens de diseño