Convierta los prototipos de Adobe XD en aplicaciones más rápido
Incorpore sistemas de diseño a sus flujos de trabajo creativos con Indigo.Design para Adobe XD y utilice App Builder ™ para convertir rápidamente prototipos XD completos en aplicaciones. Con un solo clic, tome sus diseños estáticos y obtenga aplicaciones interactivas y receptivas con estilos y componentes de interfaz de usuario reales.
Cree y convierta prototipos XD en aplicaciones con diseño a código
Inicie su flujo de trabajo de diseño
Comience a trabajar con cientos de patrones de interfaz de usuario prediseñados y más de 60 componentes atómicos, como cuadrículas, gráficos, menús desplegables, menús y más.
Explora diferentes estilos visuales
Ajuste fácilmente los recursos de color, estilos de caracteres y tipografías de sus diseños para lograr el aspecto que desea. El kit de interfaz de usuario de Adobe XD viene con más de 400 iconos, paletas de colores especiales y 17 ilustraciones personalizables.
Diseño a código: Adobe XD a Angular o Blazor
Acelere los diseños y conviértalos en código Angular o Blazor listo para producción a través de un único entorno de trabajo. Los diseñadores pueden utilizar sus herramientas de diseño preferidas, como Adobe XD o Sketch, mientras que los desarrolladores pueden utilizar Visual Studio, GitHub o su IDE favorito. Elimine los silos y reduzca la falta de comunicación con un sistema de diseño a código totalmente integrado.
Bibliotecas de recursos nativas de XD
La excelente creación de prototipos y creación de aplicaciones se reduce a detalles como los estados de interacción de los componentes, plantillas enriquecidas, personalizaciones y funciones de diseño automático, ¡disponibles desde el primer momento! Con la funcionalidad nativa de XD en Indigo.Design, puede personalizar fácilmente los componentes con diferentes efectos, como el botón inactivo y el desplazamiento u otros efectos creativos como iconos e ilustraciones personalizados.
Funciones que facilitan el diseño y la creación de excelentes aplicaciones
Una biblioteca Creative Cloud solo para usted
Agregue Indigo.Design a sus bibliotecas y utilícelo en todos sus proyectos, obteniendo futuras actualizaciones, mejoras y nuevos componentes automáticamente. O "Cree una copia" para tener su propia versión adaptada a las necesidades de su producto.
No más empezar desde cero
¿Quiere empezar rápido? Inicie un nuevo proyecto accediendo al panel de bibliotecas nativas de Adobe XD y explorando los grupos creados con colores, tipografías, iconos, componentes y variantes de patrones. Simplemente haz clic y arrastra para convertir tu lienzo vacío en un diseño atractivo.
Todo termina en App Builder
Cree una aplicación web de última generación directamente desde Adobe XD, vincúlela a los datos en App Builder y envíe el código a GitHub en un flujo de trabajo integrado de diseño a código que reúne a diseñadores y desarrolladores como nunca antes.
Explora la galería de aplicaciones de referencia
Conviértase en un experto con Indigo.Design y conozca los principios fundamentales del sistema de diseño explorando algunas de las aplicaciones de referencia en nuestra galería. Descárgalos como archivos de Adobe XD y explora su estructura en capas, mientras miras la misma aplicación en App Builder.
NoXD, no hay problema
Con soporte para Sketch ya disponible y Figma en desarrollo, lo cubrimos con las principales herramientas para el diseño de UX y UI. Los kits de interfaz de usuario ofrecen el mismo conjunto de componentes, patrones, estilo y personalización, pero cada uno utiliza las ventajas de la herramienta para la que fue creado.
Contáctenos sobre Indigo.Design
Indigo.Design es una plataforma completa de diseño de productos digitales, con las herramientas que los equipos necesitan para diseñar, crear y probar aplicaciones más rápido. Para obtener más información, complete el formulario a continuación y un miembro de nuestro equipo hará un seguimiento para confirmar y programar una fecha y hora que funcionen con usted.
Preguntas frecuentes
Preguntas y respuestas sobre la creación de prototipos de Adobe XD
What is prototyping in Adobe XD?
En Adobe XD, normalmente dibuja puntos de acceso sobre áreas en las que le gustaría que se pueda hacer clic y, al elegir la mesa de trabajo de destino del punto de acceso, puede crear prototipos interactivos. Sin embargo, una vez que publique su proyecto basado en Indigo.Design en nuestra nube, detectará automáticamente los componentes y le permitirá elegir fácilmente la pantalla de destino para crear la misma experiencia para el usuario final sin saturar su archivo de diseño con puntos de acceso.
How to use UI kits in Adobe XD?
Casi se ha convertido en un estándar para los diseñadores descargar un kit de interfaz de usuario gratuito, copiar algunos de sus componentes, luego pegarlos y organizarlos en un diseño que satisfaga las necesidades de sus proyectos. Sin embargo, Indigo.Design es más que un kit de interfaz de usuario, es una biblioteca nativa de Adobe XD, que se puede agregar a la cuenta de Creative Cloud con un solo clic y luego se puede acceder fácilmente desde el panel "Bibliotecas". Además, con una instancia de componente vinculada al componente principal en la biblioteca fuente, obtendrá actualizaciones automáticamente a medida que evolucione el sistema de diseño. Además, este paradigma asegura una única fuente de verdad, que es una de las características centrales de un verdadero sistema de diseño.
Unirse a la conversación
App Builder versión con generación de código React
Zdravko Kolev
App Builder versión: enlace de datos bidireccional, actualización del esquema OpenAPI de la fuente de datos y más
Zdravko Kolev