Introduciendo Supernova

Convierta los diseños de Sketch en aplicaciones nativas que funcionen en minutos

Cuando se trata de crear una aplicación móvil, sigue siendo un proceso penosamente lento y engorroso. ¿Por qué crear el diseño y luego codificarlo de nuevo a mano, cuando alguien trabajó tan duro para asegurarse de que todos los píxeles sean correctos? Nosotros dijimos que no.

Presentamos Supernova, una herramienta nativa destinada a cerrar la brecha entre desarrolladores y diseñadores, permitiendo a los diseñadores crear aplicaciones nativas que funcionen por primera vez (¡no prototipos!), O ayudando a los desarrolladores a reducir el tiempo de desarrollo al eliminar el trabajo de la interfaz de usuario por completo.

Supernova es una suite todo en uno que automatiza lo siguiente:

  • Conversión de capas de diseño a componentes nativos
  • Estilo de componentes
  • Creación de cadenas de navegación.
  • Creación totalmente automática de diseños receptivos
  • Detección y exportación de recursos (sin necesidad de cortes)
  • Creación de animaciones básicas y avanzadas.
  • Exporta el código, los activos, el proyecto, las fuentes, la interfaz de usuario y todo lo que necesitas para iOS, Android y (muy pronto) los proyectos de React Native también
  • Bonificación por todas esas sesiones nocturnas: modo UI claro / oscuro

¿Mejor de todo? Funciona con cualquier diseño móvil pulido. Vamos a sumergirnos, ¿de acuerdo?

Sketch to Supernova

Supernova no importa capas como están en Sketch. En cambio, las capas se convierten en los bloques de construcción básicos de cada aplicación: imágenes, etiquetas y vistas, conservando toda la información de diseño que proporcionó.

No solo eso, sino que también optimiza el diseño, eliminando redundancias, arreglando colores y transparencias, creando y fusionando rutas inteligentes, exportando recursos de imágenes, aplicando máscaras ... todo lo que los programadores tendrían que hacer manualmente.

La importación del archivo Sketch crea todas las pantallas de la aplicación: la optimización se realiza de inmediato

Componentes nativos y vista previa interactiva

Los bloques de construcción básicos por sí solos no son suficientes en la mayoría de los casos: los componentes más complejos los agrupan en su lugar y proporcionan una funcionalidad adicional, como desplazamiento, carga de datos o eventos táctiles. Supernova permite cambiar sin problemas entre diferentes tipos de componentes o fusionar múltiples componentes para formar elementos complejos como tablas.

Para mostrar los cambios y cómo se comporta la aplicación, Supernova presenta una vista previa en tiempo real: cuando termine de editar, simplemente cambie a interactivo y disfrute de la aplicación completa exactamente como se verá para sus usuarios. Esta vista previa simula todos los componentes, animaciones, interacciones y, por supuesto, el diseño receptivo.

Convertir capas en componentes complejos: botones, campos de texto, tablas, lo que sea.

Starlight: motor de diseño receptivo automático

Según los estándares de hoy, es imprescindible hacer que las aplicaciones respondan y admitan cualquier tamaño de pantalla. Lo hemos automatizado para todos.

Supernova le permite crear diseños utilizando el mismo sistema que el Diseño automático de iOS o el Diseño de restricción de Android, pero elimina el trabajo duro: calcula las restricciones para usted, utilizando información de posicionamiento, márgenes, pero también el tipo de componentes, sus estilos y contenido y más.

Una vez que haya creado todos los componentes como botones o tablas, simplemente haga clic en resolver, y el diseño estará listo para usted. Cambiar al modo interactivo le permite obtener una vista previa en cualquier tamaño de dispositivo.

La opción

Animaciones

Hacer grandes animaciones es complicado y tenerlas a la perfección es casi imposible de hacer a mano. Para aliviar el dolor de su creación, Supernova presenta un motor de animación completo que traduce lo que diseña a código nativo, integrando todo para usted.

Puede crear y obtener una vista previa de las animaciones directamente desde el estudio, ya sea a mano o mediante el uso de plantillas predefinidas, incluidas todas las cosas dulces como fotogramas clave y animaciones de primavera. Todas las animaciones se muestran de inmediato, incluidas sus interacciones.

Hacer botones un poco más vivos

Cadenas de navegación

Supernova le permite conectar pantallas visualmente para crear los mapas de navegación. La navegación se puede invocar desde botones, tablas, celdas o vistas, o simplemente puede conectar las pantallas y eventualmente usar esa conexión en el código usted mismo.

Creación del mapa de navegación.

Exportación nativa

Una vez que esté satisfecho con lo que ha creado, es hora de exportar para iOS o Android (y pronto, React Native). Dependiendo de su configuración y plataforma, obtendrá:

  • Códigos fuente (Swift, Java, Kotlin) creados con las mejores prácticas más recientes
  • IU y definiciones de diseño (guiones gráficos, XML)
  • Activos en todas las resoluciones
  • Fuentes requeridas
  • Proyecto construible con todos los archivos vinculados y la configuración
  • Mucha atención de tus amigos para practicar artes oscuras

Bienvenido a la versión beta pública: es gratis para todos

Estamos muy emocionados de lanzar Supernova para todos después de muchos meses en beta privada y años de desarrollo. Puede obtenerlo ahora de forma gratuita durante toda la versión beta, y hasta que veamos que todos están contentos con él y que maneja casi cualquier cosa.

Supernova está disponible para OS X 10.12+ con soporte de Windows planeado para más adelante.

  • Regístrese para obtener su copia ahora: https://supernova.io/download
  • Comience: https://supernova.io/
  • Aprenda con nuestra impresionante documentación: https://docs.supernova.io/
  • ¡Únase a nuestro Facebook y Slack para discutir todo lo que desea saber y escuchar todo sobre las próximas funciones, como React, creación automatizada de modelos y redes, integración de servicios, complementos y más!

Con de tus amigos en Supernova

¡Espero verte en beta ahora mismo!