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



¿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.

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