En la actualidad, convertir una idea en un prototipo navegable no es un lujo: es una necesidad. Ya seas diseñador de UI/UX, dev junior o emprendedor digital, uno tiene que dominar las herramientas que te permitan visualizar, compartir y validar tu idea de productos antes de empezar a escribir las líneas de código.
En este taller intensivo de 5 horas, aprenderás lo siguiente:
- Diseñar una landing page moderna desde cero.
- Crear componentes reutilizables, aplicar estilos y usar Auto Layout.
- Prototipar la navegación completa con interacciones reales.
- Presentar tu diseño con flows, transiciones y animaciones básicas.
- Entregar un prototipado funcional navegable, listo para testeo o desarrollo.
Y todo esto en Figma. Sin teoría innecesaria. Todo práctico, en vivo y colaborativo, sin escribir nada de código.
¿Por qué aprender a diseñar sitios web con Figma?
- Velocidad + resultado real: en una jornada vas de la idea al sitio online listo para mostrar.
- Metodología hands-on: práctica el 70 % del tiempo sobre tu propio proyecto.
- Certificación IDT: suma valor a tu CV y LinkedIn con un respaldo reconocido en el sector tech.
- Comunidad & soporte: Consultas con el docente en tiempo real durante el taller práctico.
Lo que aprenderás
- Conceptos básicos de Figma: Interfaz, plugins, mesa de trabajo, uso de capas, alineaciones.
- Aplicación de texto y color: crear y editar contenidos de texto, usar y editar colores, estilos de trazos y rellenos
- Elementos de diseño: trabajar con imágenes, usar mascarillas, creación de tarjetas
- Componentes: crear un componente maestros, booleanos y variables
- Design System & Bibliotecas: Paleta global, tipografías y publicación de librerías.
- Prototipado & Micro-UX: Flujos interactivos, transiciones, pruebas rápidas.
Dirigido a:
- Emprendedores que quieren mostrar su idea sin programar una línea.
- Devs junior que quieren entender cómo se construye un diseño bien estructurado.
- Diseñadores que quieren prototipar sin depender de otras herramientas.
Requisitos
- Conocimientos básicos de HTML y CSS.
- PC / notebook con internet ≥ 10 Mbps, cuenta gratuita en Figma (Puede ser usado desde navegador y su aplicación de escritorio).
- Zoom instalado en la computadora.
- Buena onda para compartir pantalla y recibir feedback.
OBSERVACIÓN IMPORTANTE
El Instituto de Diseño y Tecnología, se reserva el derecho de cambiar las fechas de inicios, costos y duración de sus cursos. Dichos cambios se notificarán a través de la web institucional, e-mail, presupuesto y/o telefónicamente. El inicio de los cursos está sujeto a una cantidad mínima de alumnos.
