3 Crear una UI desde un Diseño Figma con IA + Programación desde una Foto
📘 Tarea: Construye una UI desde un Diseño Figma
Implementa la landing page exactamente como se muestra en el
mockup de Figma
— con diseño responsivo para todos los tamaños de pantalla. Usa el asistente de IA para cada tarea.
Empieza con la estructura y el diseño — luego agrega la lógica y los ajustes.
- La página debe verse bien en cualquier pantalla — desde escritorio hasta un teléfono de 320px
- A 320px nada se corta, desborda ni se superpone
- El texto es legible, los botones no son demasiado pequeños — fáciles de tocar con el dedo
- Las imágenes y bloques se estiran al ancho completo de la pantalla, no tienen tamaño fijo
- Verifica el diseño en las herramientas de desarrollador: 320px, 375px, 768px, 1280px, 1920px