1. ¿Qué es interfaz de usuario (UI)?
  2. Diferencias y similitudes entre UX y UI

  1. Proceso de negocio
  2. User persona
  3. Screen flow
  4. Wireframes
  5. Diseño Alta Fidelidad
  6. Prototipado
  7. Feedback y entrega

  1. Principios del diseño aplicados al UI
  2. Principios de claridad
  3. Reglas Heurísticas de usabilidad
  4. Elementos de una interfaz de usuario
  5. Patrones y consistencias del diseño UI

  1. UI kits
  2. Atomic Design
  3. Icon Design
  4. Los sistemas de diseño

  1. Principios del Motion
  2. Microinteracciones

  1. Introducción a Adobe XD
  2. Instalación y configuraciones principales
  3. Menú Herramientas
  4. Generación de Artboards y guía
  5. Ejercicios

  1. Formas: creación, modificación, colores, gradiantes y paletas
  2. Textos: propiedades, línea o área, alineación, color y estilos
  3. Imágenes y exportación: importanción, modificaciones y exportación de artboards
  4. Ejercicios

  1. Organización de capas nombres y grupos
  2. Bloqueo y fusión
  3. Tipos de máscaras y aplicación en proyectos
  4. Ejercicios

  1. Alineación de elementos, márgenes y distribución de formas
  2. Funcionalidad de repetición
  3. Aplicación y configuración de componentes
  4. Ejercicios

  1. Creación y aplicación
  2. Diseño de páginas
  3. Prototipo
  4. Adaptación a mobile
  5. Ejercicios

  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerías
  4. Ejercicios

  1. Introducción
  2. Descarga y creación de una cuenta
  3. Entorno de trabajo
  4. El menú principal
  5. Ejercicios

  1. Mover y Escalar
  2. Frames y slices
  3. Dibujar vectores
  4. Herramientas de texto
  5. La herramienta Mano
  6. Comentarios en Figma
  7. Ejercicios

  1. Editar objetos
  2. Crear un componente de Figma
  3. Crear máscaras en Figma
  4. Crear un link con Figma
  5. Operaciones booleanas
  6. Otras herramientas
  7. Ejercicios

  1. Funcionamiento
  2. Añadir colaboradores
  3. Ver y responder comentarios
  4. Bibliotecas de componentes
  5. Ejercicios

  1. Creación y gestión
  2. Estilos en un sistema de diseño
  3. Componentes en un sistema de diseño
  4. Ejemplos del sistema de diseño
  5. Ejercicios

  1. Añadir plugins a Figma
  2. Pluging recomendados

  1. Creación de interacciones
  2. Creación de animaciones sencillas
  3. Manejo de interacciones disponibles
  4. Ejercicios

  1. Crear presentación en Figma
  2. Exportar archivos
  3. Compartir el link de vista previa
  4. Ejercicios