Programa Clase 1: Diseña tu primera app en Figma

Objetivos de la clase:

  • Crear una cuenta en Figma y conocer la plataforma.

  • Seleccionar una temática y paleta de colores para una app.

  • Descargar imágenes relacionadas con la temática.

  • Diseñar un prototipo básico con 4 frames, imágenes, textos y barra de menú.

Duración total: 90 minutos

Inicio (15 minutos)

Objetivo: Contextualizar el trabajo y activar la motivación creativa.
Actividades:

  • Breve introducción al curso y presentación del desafío de la clase.

  • Reflexión guiada: ¿Qué tema te apasiona y podrías convertir en una app?

  • Explicación de la importancia del diseño visual coherente.

Desarrollo (65 minutos)

�� Paso 1: Registro en Figma (10 min)

  • Crear cuenta en www.figma.com.

  • Verificar acceso y familiarización con el entorno de trabajo.

�� Paso 2: Elección de temática y diseño visual (15 min)

  • Elegir un tema para la app.

  • Ingresar a colorhunt.co para escoger una paleta de colores.

  • Ingresar a undraw.co para descargar 4 imágenes relacionadas con la temática.

�� Paso 3: Diseño del prototipo (40 min)

  • Crear un nuevo proyecto y asignar nombre.

  • Agregar 4 frames (por ejemplo, tamaño “Android large”).

  • Insertar en cada frame una de las 4 imágenes.

  • Agregar texto relevante en cada frame.

  • Diseñar e insertar una barra de menú inferior (puede ser una caja rectangular con íconos o textos).

Cierre (10 minutos)

Objetivo: Compartir avances y recibir retroalimentación.
Actividades:

  • Presentación breve de algunos trabajos (pantallas).

  • Comentarios del docente destacando originalidad y diseño.

  • Anuncio de lo que se hará en la próxima clase (botones e interactividad).

Rúbrica de Evaluación – Clase 1

Criterio

Nivel 1 (Inicial)

0

Nivel 2 (En desarrollo)

2

Nivel 3 (Logro esperado)

3

Nivel 4 (Sobresaliente)

4
Cuenta Figma creada y funcional No creada Creada con dificultad Creada y funcional Además exploró funciones adicionales
Selección de tema y paleta de colores No definido Tema o colores poco claros Tema claro y paleta coherente Tema creativo y paleta armoniosa
Descarga e inserción de imágenes (4) Ninguna insertada 1 a 3 imágenes insertadas 4 imágenes bien insertadas 4 imágenes relevantes y bien ubicadas
Creación de frames (mín. 4) Ninguno o 1-2 3 frames 4 frames creados correctamente Más de 4 o con diseño destacado
Texto en cada frame No hay texto Texto incompleto o poco claro Texto en cada frame, coherente Texto bien redactado y estilizado
Barra de menú inferior No incluida Incluida sin funcionalidad Incluida y coherente visualmente Diseño creativo y bien ubicado
Participación y disposición Mínima Intermitente Activa y comprometida Proactiva, ayuda a otros

28 puntos