Presentación
Este curso está dirigido a diseñadores, integradores y equipos que ya cuentan con un archivo de Figma diseñado y desean aprender a prepararlo, ajustarlo e importarlo correctamente en GeneXus mediante la herramienta Design Import.
A lo largo del curso, aprenderás a revisar y simplificar el archivo, aplicar convenciones de nombrado, modelar componentes correctamente y gestionar las propiedades de responsividad y prototipado, para garantizar que las decisiones de diseño se traduzcan correctamente durante la importación.
Objetivo
Adquirir los conocimientos necesarios para:
- Revisar y preparar un archivo de Figma para su importación en GeneXus, simplificando su estructura y eliminando elementos innecesarios.
- Aplicar las convenciones de nombrado y modelado que permiten a GeneXus interpretar correctamente cada elemento del diseño.
- Configurar propiedades de responsividad, Auto Layout y constraints con impacto directo en la generación del frontend.
- Identificar y resolver las limitaciones técnicas más frecuentes al importar, y preparar el archivo final de forma ordenada y consistente.
Enfoque
Nos centraremos en los ajustes técnicos necesarios para convertir un archivo de diseño en un archivo listo para importar, abarcando desde la revisión y simplificación del archivo hasta la configuración de convenciones, responsividad, prototipado y el proceso de importación en GeneXus.
El curso combina teoría, ejemplos prácticos y buenas prácticas alineadas con la documentación oficial de GeneXus, promoviendo un enfoque colaborativo entre diseño e integración, basado en eficiencia, consistencia y escalabilidad.
Requisitos previos
Este curso es la continuación directa de De Figma a GeneXus: Etapa de Diseño. Se recomienda haberlo completado antes de comenzar, ya que los conceptos de componentización, nomenclatura y sistematización se dan por conocidos.
Adicionalmente, se recomienda contar con:
- Conocimiento sólido de Figma: componentes, variantes, estilos, Auto Layout y constraints.
- Familiaridad con el entorno de GeneXus y la herramienta Design Import.
- Nociones básicas de diseño responsivo y prototipado en Figma.
A quiénes está dirigido
A diseñadores de producto, UI/UX designers e integradores que trabajan con GeneXus y desean garantizar que el archivo de Figma sea interpretado correctamente durante la importación, optimizando la colaboración entre diseño y desarrollo.
Práctico
El curso no incluye un práctico independiente, pero se recomienda aplicar los ajustes sobre un archivo de Figma propio e importarlo en GeneXus para comprobar los resultados en cada módulo.
Duración real de los videos
48 minutos
Tiempo estimado para ver y comprender el contenido
2 horas
Software utilizado
- Figma
- GeneXus (con la herramienta Design Import)