Lección 2 de 16 · Lectura y práctica
Navegación por la interfaz de Figma
Navegación por la interfaz de Figma Esta leccion pertenece al curso Diseño de Interfaces con Figma y esta pensada para que avances con criterio profesional, no solo con teoria. Primero entiende el concepto, despues aplicalo en.
Del concepto a la práctica
Taller de esta lección
Navegar con intención reduce errores al editar. Para revisar una pantalla de reservas conviene distinguir tres acciones: desplazarse por el lienzo, seleccionar una capa concreta y cambiar el nivel de zoom. Confundirlas puede llevar a editar la tarjeta equivocada o a creer que un elemento está alineado cuando solo se observa desde lejos.
Ejemplo resuelto
En un frame llamado “Listado móvil”, la capa “Cupo” está dentro de “Tarjeta clase”. Al seleccionarla desde el panel de capas se comprueba que su texto dice “8 lugares”, mientras que seleccionar la tarjeta completa permite mover todo el bloque.
Localiza el frame desde el panel de páginas.
Usa el panel de capas para abrir “Listado móvil” y luego “Tarjeta clase”.
Selecciona “Cupo” y verifica sus propiedades antes de editar.
Aleja el zoom para comprobar la composición completa y acércalo para revisar el texto.
Error frecuente: arrastrar desde el lienzo sin confirmar la capa activa. Corrígelo seleccionando primero el nombre en el panel y revisando el límite resaltado.
Pruébalo
Duplica una tarjeta y cambia solo el cupo de una instancia. Después selecciona el frame completo y comprueba que la otra tarjeta permanece intacta.
Comprueba tu resultado
El resultado esperado es una tarjeta con “8 lugares”, otra sin cambios y una anotación que indique qué capa fue modificada. Si se movieron ambas, la selección no fue precisa.
Mapa de prácticaEl tamaño, el espacio y el contraste ayudan a distinguir lo principal de lo secundario. Una jerarquía clara guía la lectura desde el título hasta la información y la acción. Comprueba que el orden visual coincida con la tarea de la persona.
Ver la infografía en tamaño completo ↗Navegación por la interfaz de Figma
Esta leccion pertenece al curso Diseño de Interfaces con Figma y esta pensada para que avances con criterio profesional, no solo con teoria. Primero entiende el concepto, despues aplicalo en una situacion concreta y finalmente deja evidencia de lo que aprendiste.
Objetivo practico
Al terminar, deberias poder explicar el tema con tus palabras, reconocer cuando usarlo y construir una version simple que sirva como base para un proyecto real.
Pasos recomendados
- Lee el concepto y escribi una definicion breve.
- Identifica un caso de uso laboral donde aparezca este problema.
- Construye un ejemplo pequeno y documenta las decisiones.
- Compara tu resultado con el checklist de la leccion.
Sigue con Diseño de Interfaces con Figma
Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.
Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.