ElmonyDocumentos

Guías

Del diseño al constructor

Comienzan nuevos proyectos de App Móvil y Sitio Web en Elmony Design. Primero dé forma a las pantallas, guarde el diseño y luego deje que Builder convierta esa transferencia visual en un proyecto funcional.

1. Elige lo que estás construyendo

De ¿Qué estás construyendo hoy?, elige Aplicación móvil or Sitio web. Elmony crea un proyecto de diseño y abre el editor de diseño integrado. elegir Saltar diseño solo cuando desee comenzar directamente en un proyecto clásico de Builder basado en solicitudes.

2. Diseñar y guardar

Cree las pantallas, el contenido y la navegación que desea que Builder implemente. Guarde antes de comenzar el Paso 2: la transferencia se genera a partir del último diseño guardado. Si intenta salir con un trabajo no guardado, Elmony le permite guardar y dejar o descartar esas ediciones.

Puede conectar Figma desde el flujo de trabajo de diseño cuando necesite trabajar con una cuenta de Figma. El diseño de Elmony guardado sigue siendo la fuente utilizada para la transferencia de Builder.

3. Confirme la configuración del Paso 2

Cuando continúe con el Paso 2, revise las decisiones sobre productos que el Constructor debe respetar. Las preguntas disponibles dependen de si el diseño es un sitio web o una aplicación móvil y pueden incluir:

  • el agente de suscripción o el creador del modelo API que debe utilizar;
  • un logotipo o ícono de aplicación móvil e instrucciones de construcción adicionales;
  • incorporación, inicio de sesión y colocación de muro de pago;
  • Stripe para pagos en el sitio web o RevenueCat para compras móviles;
  • Opciones de datos y autenticación de Firebase o Supabase, cuando corresponda;
  • requisitos de notificación, almacenamiento de archivos y datos móviles.

Seleccione únicamente los servicios que el producto realmente necesita. Builder puede hacer una pausa y pedirle que finalice una integración antes de escribir código que dependa de ese servicio.

4. Iniciar el constructor

Elmony convierte el diseño guardado en archivos legibles por Builder, copia los activos de marca seleccionados, crea el proyecto de código vinculado y abre el primer chat del Paso 2. Continúe trabajando en Builder como lo haría con cualquier otro proyecto: inspeccione la vista previa, refine el resultado en el chat y use las herramientas Código, Problemas, Configuración, Seguridad y Publicación cuando sea necesario.

Sincronizar cambios de diseño posteriores

Un diseño y su proyecto Builder permanecen vinculados. Vuelva a abrir el editor de diseño, guarde los nuevos cambios y continúe con Builder nuevamente para sincronizar los archivos de diseño más recientes en el proyecto vinculado. Revise el trabajo resultante de Builder antes de publicarlo porque una sincronización de diseño puede afectar a varias pantallas a la vez.

Próximos pasos