📅 Semana 4 · Clases 7 y 8
🏆 Nota 3

⭐ App Personal

Crea tu app definitiva: diseño libre, identidad propia y dominio total de Figma

⏱ 2 × 90 min🛠 Figma🏆 Nota 3📤 Entrega en Classroom

🎯 Objetivos de la semana

📖 Clase 7 — App Personal: Diseño y construcción
🟢
Inicio
15 minutos

Presentar el desafío final y definir el proyecto

  • Presentación del proyecto final: libertad creativa total con Figma
  • Reflexión: ¿qué app quiero crear? ¿cuál es mi temática e identidad visual?
  • El docente muestra ejemplos de proyectos creativos de la Figma Community
  • Cada estudiante anota: temática, paleta, 5+ pantallas clave que necesita
🔵
Desarrollo
65 minutos

Diseñar y construir la app personal desde cero

1
Configuración del proyecto y estructura base 15 min
  • Crear nuevo proyecto con nombre descriptivo y capas organizadas
  • Definir y aplicar la paleta de colores personalizada
  • Crear los 5+ frames base con el tamaño correcto
2
Diseño de pantallas y contenido 25 min
  • Diseñar cada frame con coherencia visual e identidad propia
  • Incorporar imágenes de calidad, íconos SVG y tipografía bien elegida
  • Agregar elementos multimedia: GIFs, imágenes animadas
  • Explorar herramientas avanzadas: Auto Layout, Componentes, Variables
3
Prototipado y animaciones avanzadas 25 min
  • Conectar todos los frames con navegación completa (adelante/atrás)
  • Implementar scroll vertical y/u horizontal donde corresponda
  • Añadir animaciones y transiciones avanzadas entre pantallas
  • Explorar: overlays, popups, menús desplegables con Smart Animate
🟡
Cierre
10 minutos

Revisión del avance y preparación para la entrega

  • Guardar el proyecto con nombre descriptivo en Figma
  • El docente recorre la sala revisando el avance de cada proyecto
  • Recordatorio: la próxima clase se entrega el proyecto en Classroom — Nota 3
💡

Consejo para el proyecto final

Explora al menos una función avanzada de Figma no vista en clases: Variables para modo oscuro/claro, Componentes reutilizables, Auto Layout responsivo o recursos de la Figma Community. Esto se evalúa en el último criterio de la rúbrica.

🏆 Clase 8 — Entrega App Personal · Nota 3
🟢
Inicio
10 minutos

Preparación final antes de la entrega

  • Revisión rápida: ¿cumple con todos los criterios de la rúbrica?
  • Aclaración del proceso de entrega en Google Classroom
  • El docente recuerda el plazo máximo de entrega
🔵
Desarrollo
70 minutos

Pulido, revisión docente y entrega formal

1
Pulido y revisión detallada 25 min
  • Últimos ajustes estéticos: alineación, espaciados, tipografía
  • Verificar que toda la navegación, scroll y animaciones funcionen
  • Probar la app completa en modo Present una última vez
  • Organizar y nombrar las capas correctamente en el panel de Figma
2
Autoevaluación y revisión docente 25 min
  • Revisar cada criterio de la rúbrica y evaluar el propio trabajo
  • El docente recorre la sala y da retroalimentación individual a cada estudiante
  • Ajustes finales según la retroalimentación recibida
  • Confirmar que se incluyó al menos una función avanzada de Figma
3
Entrega en Google Classroom 20 min
  • En Figma → clic en Compartir → activar "Cualquiera con el enlace puede ver"
  • Copiar el enlace del prototipo desde Figma
  • Abrir Google Classroom → ir a la tarea Semana 4 — App Personal
  • Hacer clic en "Agregar o crear" → pegar el enlace de Figma
  • Clic en "Entregar" y confirmar la entrega
  • Verificar que el estado aparezca como ✓ Entregado
🟡
Cierre de la Unidad
10 minutos

Verificación de entregas y reflexión final

  • El docente verifica en Classroom que todos hayan enviado el trabajo
  • Metacognición: ¿qué aprendí? ¿cómo mejoré desde la primera app hasta hoy?
  • Retroalimentación general del docente sobre el curso
  • Conexión con el próximo módulo: diseño y programación
🏆

Nota 3 — App Personal

La nota se calcula sobre 100 puntos: 40% por la entrega oportuna en Classroom y 60% por el diseño, prototipado y exploración según la rúbrica.

← Semana 3 — WikiPrimera C1 — Cálculo de la nota →