Plantilla Figma para la sección hero

Diseña la sección hero con un objetivo claro

En la sección hero, los usuarios pueden entender el valor del producto y realizar la acción principal. Ordena la información según la siguiente tarea y facilita encontrar la acción principal. Mantén el contenido secundario en un nivel visual discreto para que la pantalla siga siendo fácil de recorrer.

Organiza el contenido y las acciones

Organiza los elementos principales: titular claro, texto de apoyo, imagen y llamada a la acción. Mantén las etiquetas, los mensajes de estado y las acciones junto al contenido que describen para facilitar la lectura. En móvil, prioriza los datos clave y la acción principal antes del contenido secundario.

Adapta la plantilla de la sección hero en Figma

Parte de esta plantilla editable de Figma y sustituye el contenido de ejemplo por el lenguaje y los datos reales del producto. Revisa la adaptación a móvil y los estados vacíos, correctos o de error antes de entregar el diseño. Reutiliza los patrones de controles, navegación y feedback para mantener la coherencia con el resto del producto.