logotipo para la aplicación indigo.design para creación de prototipos Logotipo para App Builder

Bienvenido a los kits de interfaz de usuario Indigo.Design

Probar ahora

Sistema 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

Acelere la creación de aplicaciones desde el diseño hasta el código Acelere la creación de aplicaciones desde el diseño hasta el código 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?

App Builder

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.

Escalable

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.

Pixel perfecto

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.

Diseño minimalista

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.

Anulaciones
Kits de interfaz de usuario bien diseñados para Sketch y Figma

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.

Kits de interfaz de usuario bien diseñados para Sketch y Adobe XD - captura 1
Kits de interfaz de usuario bien diseñados para Sketch y Adobe XD - capture 2
Kits de interfaz de usuario bien diseñados para Sketch y Adobe XD - capture 6

¡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!

El kit de interfaz de usuario Indigo.Design viene en diferentes opciones de temas El kit de interfaz de usuario Indigo.Design viene en diferentes opciones de temas
El kit de interfaz de usuario Indigo.Design viene en diferentes opciones de temas El kit de interfaz de usuario Indigo.Design viene en diferentes opciones de temas

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.

Plugin de tema personalizado para Sketch componente con gráfico financiero

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.

Crea aplicaciones directamente desde diseños de Sketch y Adobe XD
Crea aplicaciones directamente desde diseños de Sketch y Adobe XD

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.

Logotipo para App Builder

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.

App Builder
App Builder

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
Probar ahora