¡Oferta!

El precio original era: $276.543.El precio actual es: $138.272.

Aprende a diseñar una Landing Web con Figma

En este curso aprenderás a diseñar interfaces web modernas utilizando Figma, una de las herramientas más utilizadas en la industria.

Peso chileno ($) - CLP
  • Peso chileno ($) - CLP
  • United States dollar ($) - USD
  • Peso argentino ($) - ARS

Descripción

En este curso aprenderás a diseñar interfaces web modernas utilizando Figma, una de las herramientas más utilizadas en la industria. A través de ejercicios prácticos y guiados, te familiarizarás con su entorno de trabajo, aprenderás a usar frames, texto, formas, componentes reutilizables y dominarás conceptos esenciales como jerarquía visual, espaciado, padding, margin y diseño responsivo.

Durante las clases, crearás el diseño de una landing page básica, entendiendo cómo estructurar visualmente una interfaz clara, atractiva y funcional. Este curso sienta las bases visuales que luego podrás convertir en código con HTML y CSS, facilitando el paso del diseño al desarrollo.

Al concluir el curso podrás:

  • Diseñar interfaces web profesionales utilizando Figma.
  • Crear y organizar componentes reutilizables de manera eficiente.
  • Aplicar principios de jerarquía visual y espaciado correctamente.
  • Diseñar proyectos responsivos adaptables a distintos dispositivos.
  • Exportar tus diseños y prepararlos para el desarrollo en HTML y CSS.

Duración: 4 semanas (8 clases / 2 horas diarias)

Nivel: Principiante

Requisitos:

  • Pc o Notebook con conexión a internet
  • Conocimientos básicos de usuario Windows/Mac/Linux

Contenido

Módulo 1: Introducción a Figma y herramientas básicas

  • ¿Qué es Figma y cómo funciona su interfaz
  • Creación y uso de frames, formas, texto e imágenes
  • Capas, alineación, agrupación y organización de elementos

Módulo 2: Principios de diseño web

  • Fundamentos visuales: jerarquía, contraste, tipografía y color
  • Uso de padding, margin, border-radius y espaciado
  • Introducción a grids, layout y diseño responsivo

Módulo 3: Componentes reutilizables y Auto Layout

  • Uso de Auto Layout para estructuras flexibles
  • Creación de componentes reutilizables y variantes
  • Diseño de elementos clave: botones, cards, header, footer

Módulo 4: Diseño base de una interfaz web

  • Diseño completo de una landing page (versión desktop)
  • Adaptación a versión mobile
  • Exportación de assets e inspección del diseño para desarrollo