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 términos de 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 de un diseño perfecto en píxeles a un código listo para producción. Cualquier cosa que diseñe se puede convertir en código real y utilizable, simplificando como nunca antes el traspaso entre diseñador y desarrollador.
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 la actualidad 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 paletas, elevaciones, tipografía, densidad de visualización y temas, coinciden con los componentes reales de la interfaz de usuario.
Todo lo que diseñe con los kits de UI, o simplemente usando la caja de herramientas en App Builder, es totalmente compatible con controles de UI 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, en versiones oscura y clara, puede cumplir cualquier requisito de marca con Indigo.Design. Utilice lo que se incluye o utilice cualquiera de los temas como base y personalícelo para obtener la experiencia de aplicación perfecta.
Complemento de tema personalizado para Sketch
A todos nos encantan los atajos. Aumente la eficiencia implementando el complemento Indigo.Design para Sketch en su flujo de diseño y optimice los procesos de tematización con solo unos pocos clics.
Cree aplicaciones directamente desde Figma, Sketch y Adobe XD Designs
Pase del Diseño al Código con un solo clic. Tome sus diseños y cree aplicaciones interactivas y responsivas con estilos y componentes de interfaz de usuario reales. Utilice los complementos Indigo.Design directamente dentro Figma, Sketch y Adobe XD para crear aplicaciones con código real listo para producción. Nuestros complementos incluso ofrecen temas personalizados, importan recursos de imágenes y garantizan que todos los componentes estén asignados uno a uno con controles de 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 la historia de diseño a código App Builder directamente desde Sketch o Figma, vincúlela a los datos en App Builder y envíe el código a GitHub en un flujo de trabajo integrado que reúne a diseñadores y desarrolladores. juntos como nunca antes.
Pruebas de usuario
Cree prototipos interactivos con Indigo.Design y realice pruebas de usuarios remotos con usuarios reales en cualquier dispositivo o plataforma. Obtenga información sobre los usuarios, colaboración simplificada con las partes interesadas, análisis en profundidad del comportamiento de los usuarios y grabaciones de vídeo y audio del recorrido de prueba de los usuarios.
Último lanzamiento
Novedades de la versión 3.6.0
Lo más destacado de esta versión es el soporte total 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
