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.
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.
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.
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 ™.
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.
Funciones que facilitan el diseño y la creación de excelentes aplicaciones
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.
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.
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.
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
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