NEW
Font size
WorksheetsDAM (AD25) - Repaso Figma [T1 a T6]
Total questions: 25
Worksheet time: 8mins
Lee la definición y selecciona la opción que mejor sintetiza: En términos generales, una interacción es el intercambio de acciones y respuestas entre una persona y un sistema para lograr un objetivo concreto.
Un conjunto de pantallas sin relación entre sí
El diálogo de acciones y retroalimentación entre usuario y interfaz para alcanzar una meta
Una animación decorativa aplicada a un componente
El cambio de color de un botón al pasar el cursor
En desarrollo de aplicaciones, ¿qué describe mejor una interacción?
Cualquier efecto visual dentro de un frame
La secuencia de pasos que conecta eventos del usuario con cambios de estado y resultados en la interfaz
Una librería externa de iconos
Un wireframe estático sin comportamiento
¿De cuántos pasos se compone típicamente una interacción en diseño de aplicaciones cuando se describe como inicio, acción y resultado?
Dos pasos
Tres pasos
Cuatro pasos
Cinco pasos
Un “paso” dentro de una interacción se considera cuando…
Se cambia la fuente del texto en un componente
Hay un evento del usuario o del sistema que produce un cambio perceptible de estado en la interfaz
Se agrega un comentario en el archivo de Figma
Se exporta un PNG
¿Qué evento marca el fin de la edad media?
El término “microinteracción” se refiere a…
Un prototipo completo navegable
Un pequeño ciclo de acción y feedback para tareas puntuales como confirmar, cargar o ajustar preferencias
Un set de iconos SVG
Un layout responsivo basado en grids
Selecciona tres ejemplos correctos de microinteracciones en una interfaz (elige la opción que agrupa casos verídicos).
Cambio de tema, arquitectura de información, sitemap
Efecto hover, confirmación de envío, validación en tiempo real
Definición de métricas, análisis de cohortes, test A/B
Elección de tipografía, ajuste de grid, definición de paleta
En diseño de aplicaciones, un formulario es…
Un componente decorativo sin entradas
Un conjunto estructurado de campos y controles para capturar y validar información del usuario
Una animación entre frames
Un mapa de navegación del sitio
¿Qué tipo de información se puede obtener con un formulario bien diseñado?
Solo estadísticas de rendimiento del sistema
Datos ingresados por usuarios, validados y listos para procesar tareas como registro, búsquedas o pedidos
Exclusivamente preferencias de color del usuario
Únicamente archivos multimedia
Nombre del artista que tiene el record Guiness por la gira con el mayor número de conciertos en la historia
Metallica
Taylor Swift
AC/DC
Thirty Seconds to Mars
¿Cuál es la librería de la cual se obtienen la mayor parte de estándares de diseño de interfaces para Android?
Human Interface Guidelines
Material Design
Carbon Design
Fluent Design
El término Design System se refiere a…
Una sola página de estilos sin componentes
Un ecosistema de principios, tokens, componentes y pautas que garantiza coherencia y escalabilidad en productos
Un prototipo con enlaces entre frames
Una colección de imágenes de marca
¿Cómo se construye un Design System en Figma?
Creando variantes y sets de componentes basados en un master, con propiedades y tokens coherentes
Duplicando cada componente manualmente en cada pantalla
Solo usando frames sin auto layout
Exportando todo a PDF
En diseño de aplicaciones, Atomic Design se refiere a…
Una técnica de animación basada en partículas
Una metodología que descompone la UI en átomos, moléculas, organismos, plantillas y páginas para diseñar de lo simple a lo complejo
Un plugin para exportar SVG optimizados
Una guía para elegir tipografías variables
¿Cuántos anillos ganó Michael Jordan en toda su carrera como basquetbolista?
Nombre de la herramienta de Figma que permite crear microinteracciones y definir el comportamiento de elementos de la interfaz mediante variantes e interacciones.
Slice Tool
Prototype con Interactions y Variants (Component Set)
Pen Tool
Outline Stroke
En Figma, el término “interacción” dentro del contexto de Diseño de aplicaciones se conoce comúnmente como…
Autolayouts
User Flows o Wireflows que conectan eventos con transiciones de estado
Tokens tipográficos
Rasterización
En una interacción de Figma, ¿a qué se refiere el “trigger” o detonador?
El color del fondo del frame
El evento que inicia la interacción
El plugin que exporta imágenes
El asset del logo
¿Cuál de los siguientes no es un ejemplo de "Trigger/detonador" en Figma
On Tap
Clicking
Drag
After Delay
Nombre del hongo que causa la pandemia del videojuego "Last of us"
Rhizopus
Ophiocordyceps unilateralis
¿Qué hace el tipo de animación Smart Animate en Figma?
Crea transiciones aleatorias sin tener en cuenta capas
Interpola cambios de propiedades coincidentes entre capas con el mismo nombre para generar animaciones fluidas
Solo cambia la opacidad global del frame
Convierte texto en trazos vectoriales
Evalúa la afirmación: “En Figma solamente se pueden crear componentes a partir de un único frame”. ¿Cuál opción refleja correctamente la práctica?
Verdadero: un componente no puede tener variantes
Falso: se pueden crear Component Sets con múltiples variantes del mismo componente
Verdadero: los componentes están limitados a un estado
Verdadero: los componentes no admiten propiedades
Para planificar una interacción de formulario en Figma usando Design System y Atomic Design, ¿qué enfoque estratégico es más adecuado?
Diseñar primero páginas completas y luego deducir componentes
Definir átomos y moléculas (inputs, labels, botones), crear componentes maestros con variantes (estados: focus, error, disabled) y prototipar flujos con triggers y Smart Animate
Ignorar estados y centrarse solo en la estética del botón
Usar imágenes estáticas sin prototipo
Cuando documentas microinteracciones en tu Design System, ¿qué elementos debes especificar para asegurar consistencia en Figma?
Solo colores y tipografías
Eventos (triggers), estados del componente, feedback visual/auditivo y reglas de validación
Lista de plugins instalados
Rutas del servidor backend
¿Cuántos círculos tiene el infierno de Dante?
