Bienvenido a los kits de interfaz de usuario Indigo.Design
Probar ahoraSistema Indigo.Design
La verdadera colaboración entre el diseño y el desarrollo de UX se vuelve más fácil y eficiente en el tiempo con Indigo.Design System y App Builder. El sistema Indigo.Design combina de manera única kits de interfaz de usuario que se asignan a controles y componentes de interfaz de usuario reales, con herramientas que brindan una productividad sin precedentes que ayuda a los equipos de productos digitales a pasar del diseño de píxeles perfectos al código listo para producción. Cualquier cosa que diseñe se puede convertir en código real y utilizable, lo que simplifica la transferencia de diseñador a desarrollador como nunca antes.
Acelere la creación de aplicaciones desde el diseño hasta el código
Más popular
- Cuadrícula de datos
- Gráfico de líneas
- Vista de la lista
- Calendario
Gráficos
- Gráfico de columnas
- Gráfico de líneas
- Gráfico de líneas
- Gráfico de pasos
Calibres
- Gráfico de viñetas
- Medidores lineales
- Medidores radiales
Estilo y temas
- Iconos
- Paletas de colores
- Tipografía
- Elevaciones
- Ilustraciones
Cuadrículas
- Cuadrícula de datos
- Cuadrícula de árbol
- Cuadrícula jerárquica
- Vista de la lista
- combinado
Interacciones
- Ventana de diálogo
- Deslizador
- Información sobre herramientas
Menús
- barra de navegación
- Cajón de navegación
Diseños
- Avatar
- Navegación inferior
- Tarjeta
- Carrusel
- Panel de expansión
- Disidente
- Pestañas
Entrada y visualización de datos
- Insignia
- Botón
- Grupo de botones
- Caja
- Chip
- Divisor
- Desplegable
- Icono
- Aporte
- Progreso
- Grupo Radiofónico
- Seleccionar
- Cambiar
Notificación
- Bandera
- snack bar
- Tostada
Planificación
- Calendario
- Selector de fechas
- Selector de tiempo
¿Por qué utilizar los kits de interfaz de usuario Indigo.Design?
Respaldado por componentes de interfaz de usuario reales
Todo en el sistema Indigo.Design está respaldado por kits de interfaz de usuario en las herramientas más populares como Figma y Sketch, con variantes de los sistemas de diseño más populares de hoy en día como Material, Fluent y Bootstrap con controles de interfaz de usuario en Angular, React, Blazor y Web Components.
Escalable para su marca
Aplique los activos de su marca, como tipografía y colores, a su propio proyecto y bibliotecas. Con unos pocos clics en nuestro complemento de tema, personalice los componentes y patrones de la interfaz de usuario para que representen consistentemente su marca en todos sus proyectos.
Píxel perfecto de principio a fin
Como solución completa de diseño a código, puede optimizar todo el proceso. Su equipo de productos digitales utiliza las herramientas que conocen y adoran, sin concesiones, para convertir su diseño en código listo para producción con unos pocos clics.
Diseño moderno
Inspirándose en Material Design System, además de Microsoft Fluent, Bootstrap y nuestras propias variantes temáticas de Indigo, puedes diseñar para las experiencias de aplicaciones más modernas dirigidas a cualquier dispositivo. Crea simplicidad y belleza en poco tiempo.
Personalización a nivel de componente
Cada componente de nuestros kits de interfaz de usuario está diseñado para ofrecer flexibilidad en el tiempo de diseño a través de editores de propiedades estándar. Esto significa que puede centrarse en el diseño y los flujos en lugar de reinventar o recrear controles personalizados en sus diseños.
Kits de interfaz de usuario bien diseñados para Figma y Sketch
Con los kits de interfaz de usuario Indigo.Design, todo lo que crea utiliza un sistema de diseño. Todas las especificaciones de estilo, incluidas las paletas, las elevaciones, la tipografía, la densidad de visualización y los temas, coinciden con los componentes de interfaz de usuario reales.
Todo lo que diseñe con los kits de interfaz de usuario, o simplemente con la caja de herramientas de App Builder, es totalmente compatible con controles de interfaz de usuario escalables y de alto rendimiento en:
- Angular
- React
- Blazor
- Web Components
Además, obtienes más de 400 íconos, paletas de colores especiales, 17 ilustraciones personalizables y mucho más.
¡Temas que combinan con tu marca!
Con cuatro temas diferentes, tanto en versiones oscuras como claras, puedes lograr cualquier requisito de marca con Indigo.Design. ¡Usa lo que está incluido o usa cualquiera de los temas como base y personalízalo para lograr la experiencia de aplicación perfecta!
Plugin de tema personalizado para Sketch
A todos nos encantan los atajos. Aumente la eficiencia implementando el complemento Indigo.Design para Sketch a su flujo de diseño y optimice los procesos de creación de temas con solo unos pocos clics.
Crea aplicaciones directamente desde diseños de Figma, Sketch y Adobe XD
Pasa del diseño al código con un solo clic. Toma tus diseños y crea aplicaciones interactivas y receptivas con componentes y estilos de interfaz de usuario reales. Utiliza los plugins de Indigo.Design directamente dentro de Figma, Sketch y Adobe XD para crear aplicaciones con código real y listo para producción. Nuestros plugins incluso ofrecen temas personalizados, importan activos de imágenes y garantizan que todos los componentes se asignen uno a uno con controles de la App Builder Toolbox.
Sensible
Apunte a cualquier tamaño de pantalla sin esfuerzo con patrones que crecen y se reducen dinámicamente, para que pueda crear un entorno Ul genuinamente receptivo y satisfacer cualquier demanda.
Cree una aplicación web de última generación con App Builder historia de diseño a código directamente desde Sketch o Figma, vincúlela a los datos en el App Builder y envíe el código a GitHub en un flujo de trabajo integrado que reúne a diseñadores y desarrolladores como nunca antes.
Pruebas de usuario
Cree prototipos interactivos con Indigo.Design y realice pruebas de usuario remotas con usuarios reales en cualquier dispositivo o plataforma. Obtenga información sobre los usuarios, colaboración simplificada con las partes interesadas, análisis detallados sobre el comportamiento de los usuarios y grabaciones de video y audio del proceso de prueba del usuario.
Último lanzamiento
Novedades de la versión 3.6.0
La mayor novedad de esta versión es el soporte completo para Bootstrap, Fluent e Indigo a través de una variante dedicada del kit de interfaz de usuario para cada uno de los cuatro temas principales de Indigo.Design.
- Nuevos componentes
- Nuevas características
- Nuevas aplicaciones de referencia
- Nuevos estados
- Errores corregidos
