Diseño UI: Figma esencial para diseño de interfaces 2023

Ejercicios prácticos para internalizar el uso de la herramienta

Requisitos

  • No necesitas experiencia previa

Descripción

Aprende lo necesario para iniciarte en el mundo de las interfaces o adquirir una nueva habilidad en tu campo profesional. Figma es la mejor herramienta colaborativa y de trabajo en tiempo real en el mercado de diseño y desarrollo de productos digitales.

– FigJam y Figma conviven, por lo que todo el trabajo de diseño, desde la ideación hasta la ejecución, se puede encontrar en un solo lugar.

– Cree un flujo de diseño iterativo con colaboración en vivo que lo mantenga informado, ya sea que esté trabajando en la oficina o de forma remota.

– Comparta, presente y recopile comentarios sobre prototipos interactivos con animación inteligente y superposiciones dinámicas que parecen reales.

– Aumente la consistencia del diseño con activos que se pueden buscar y estilos que se pueden compartir en un solo hogar, centralizado y accesible para toda su empresa.

– Pase de los traspasos de los desarrolladores a las conversaciones en curso con un lenguaje compartido entre el diseño y el desarrollo.

– Ofrezca mejores productos y tenga un impacto con una plataforma que conecta los puntos a través del diseño, el producto y el desarrollo.

– Aprenda de otros, comparta su trabajo y amplíe su conjunto de herramientas con un grupo diverso de diseñadores, creadores de complementos, investigadores, ilustradores, escritores de contenido y muchos más de todo el mundo.

¿Para quién es este curso?

  • A personas que quieran incorporar una nueva habilidad a su carrera profesional
  • UX designers que quieran empezar a diseñar interfaces
  • Desarrolladores que quieran involucrarse directamente con los diseñadores de interfaz

Contenido del curso

4 secciones • 21 clases • 1 h 16 m de duración total

Plataforma y herramientas4 clases • 8 min

  • Qué es Figma y para qué sirve00:44
  • Conociendo la plataforma de Figma02:33
  • Qué es un archivo de Figma y Figjam01:43
  • Conociendo las herramientas básicas de Figma03:21

Ejercicios práctico + estilos5 clases • 19 min

  • Diseñemos el esqueleto de una pantalla en Figma04:06
  • Usando los estilos más básicos en Figma03:59
  • Cómo crear un “shadow” en Figma04:39
  • Plug-ins básicos para diseñar en Figma03:00
  • Diseñemos el “inicio” de Spotify en Figma03:23

Componentes + UI Kit5 clases • 23 min

  • Creando un auto layout básico en Figma03:50
  • Creando un auto layout anidado en Figma03:30
  • Por qué y cómo crear un componente en Figma02:53
  • ¿Qué son las variantes de un componente en Figma?04:47
  • Creando una librería básica en Figma (UI Kit)08:17

Prototipo + complementarios7 clases • 26 min

  • ¿Cómo crear un prototipo sencillo en Figma?06:39
  • De que forma puedo saber si lo que estoy diseñando en Figma se ve bien01:31
  • ¿Cómo puedo exportar mis diseños en Figma?02:29
  • ¿Cómo puedo importar archivos en Figma?01:35
  • Invitar a otras personas y dejar o recibir comentarios en Figma03:19
  • ¿Qué es la comunidad en Figma?04:15
  • Herramientas y casos de uso en Figjam06:17

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *