Logotipo Indigo.Design

Obtenga aplicaciones funcionales rápidamente a partir de prototipos Sketch

Aproveche todo el poder de los sistemas de diseño y dé rienda suelta a su creatividad con Indigo.Design for Sketch y App Builder ™ para convertir rápidamente los prototipos Sketch en aplicaciones con código listo para producción. Elimine capas de desorden en su interfaz de usuario cuando cree prototipos con componentes de interfaz de usuario reales y lleve sus diseños a la web como aplicaciones modernas completamente funcionales.

Exportación de prototipos Sketch a Indigo.Design

Diseño a código: cree y convierta prototipos Sketch en aplicaciones reales

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 y más.

Ícono Indigo.Design que presenta patrones y componentes de creación de prototipos

Cambie la marca de su diseño

Cambie entre el modo claro y oscuro, defina paletas de colores personalizadas y elija la tipografía perfecta con una temática sencilla y reutilizable. El kit SketchUI viene con más de 400 iconos, paletas de colores especiales y 17 ilustraciones personalizables.

Ícono Indigo.Design que presenta prototipos de la aplicación Sketch para cambiar la marca de los diseños

Comparte tu prototipo Sketch

Con nuestro complemento Sketch, simplemente haga clic en "Publicar" o "Crear aplicación", ¡no es necesario exportar sus prototipos a imágenes de pantalla! Luego, compártalo directamente con las partes interesadas, cree pruebas de usabilidad u obtenga código fuente real y listo para producción en App Builder ™.

Compartir prototipo Sketch

Diseño a código en segundos

Acelere sus diseños Sketch 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 de diseño y reduzca la falta de comunicación con un sistema de diseño a código totalmente integrado.

Ícono que presenta Indigo.Design para diseño de prototipos Sketch a código

Funciones que facilitan el diseño y la creación de excelentes aplicaciones

Ícono Indigo.Design que presenta prototipos de la aplicación Sketch con temas y estilos personalizados

Fundación de temática flexible

Indigo Design System proporciona una estructura de variables de color, estilos de color y estilos de texto que se aplican a componentes y patrones reales de la interfaz de usuario que puede ajustar fácil y automáticamente para que coincidan con las pautas de su marca.

Compartir prototipo Sketch para pruebas de usuarios remotos

Cree prototipos Sketch y realice pruebas de usuario de forma remota

Cree prototipos interactivos basados en la nube directamente desde Sketch y recopile comentarios de las partes interesadas o defina escenarios de prueba de usuario siguiendo las mejores prácticas en UX para crear la experiencia adecuada desde el primer intento.

Exportación de prototipos Sketch a App Builder

Todo termina en App Builder ™

Cree una aplicación web de última generación directamente desde Sketch, vincúlela a los datos en App Builder y envíe el código a GitHub en un diseño integrado de 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 Sketch y explora su estructura en capas, mientras miras la misma aplicación en App Builder.

Soporte para Sketch y Adobe XD

Sin Sketch, sin problema

Con soporte para Adobe XD ya disponible y Figma en desarrollo, le ofrecemos información sobre 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 para la creación de prototipos Sketch

What is Sketch prototyping?

En Sketch, 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. Una vez que publique un diseño Sketch con puntos de acceso en la nube Indigo.Design, se detectarán los puntos de acceso y terminará con un prototipo con interacciones integradas.

How to prototype in Sketch?

En lugar de definir puntos de acceso en Sketch y saturar su archivo de diseño, puede publicar su proyecto basado en Indigo.Design en nuestra nube y automáticamente detectará componentes, lo que le permitirá vincular pantallas fácilmente. Esto le brinda un prototipo interactivo limpio con un flujo fluido de usuarios para compartir y probar.

How to export a Sketch prototype?

Exportar prototipos Sketch a imágenes de pantalla ya no es necesario y, en serio, estamos en 2022, ¿quién querría eso? Utilice el complemento Sketch para publicar su diseño en la nube Indigo.Design sin problemas con solo unos pocos clics y luego sincronícelo solo con Ctrl+Mayús+Y a medida que realiza ajustes. Si siente algo por las viejas costumbres y aún desea exportar sus pantallas como jpegs, Indigo.Design todavía lo tiene cubierto con el flujo de creación de prototipos basado en imágenes disponible cuando comienza a crear un prototipo en Indigo.Design Cloud.

How to share a Sketch prototype?

Con su prototipo en la nube Indigo.Design, puede compartirlo directamente con las partes interesadas para dejar sus comentarios o crear pruebas de usabilidad que definan tareas y escenarios para que los completen los usuarios. Esta es una ventaja única de nuestro sistema de diseño, ya que sigue las mejores prácticas de prueba de usuarios, proporciona información concreta y mapas de clics de los usuarios, lo que le permite identificar problemas desde el principio e iterar su diseño rápidamente para garantizar un flujo de usuarios fluido.

Unirse a la conversación