Curso de Figma

Aprende a trabajar con Figma y aprovecha toda la potencia de esta herramienta para el diseño de interfaces.
Material disponible
Básico
7 Clases 10 h
79€
65€
Precio en promoción
Figma es una de las herramientas más potentes para diseño de interfaces que hay actualmente. No solo por las funcionalidades que ya tiene si no por las que implementa constantemente.

Diseñar interfaces no es lo mismo que componer imágenes. Necesitamos poder relacionar páginas y elementos, y que todos tengan unas características que hagan más fácil la tarea de convertir las imágenes en código. Un software como Figma nos permite tener un sistema gráfico que funcione lo más parecido posible al producto final.

Qué aprenderé en el Curso de Figma

  • Por qué es necesario un programa especializado como Figma para diseñar interfaces (en vez de un software de creación de imágenes)
  • Conocer las distintas opciones y herramientas que ofrece la interfaz de Figma.
  • Aprender el funcionamiento de las funcionalidades más importantes de la aplicación (autolayout, componentes y sus variantes, gestión de estilos, alineaciones automáticas...).
  • Qué son los plugins en Figma, cómo funcionan y qué pueden hacer por nosotros.
  • Cómo se estructura un proyecto de diseño web dentro de Figma
  • Cómo se comparte y se trabaja en equipo con Figma.
  • Ordenar y preparar un proyecto de Figma para desarrollo

Objetivos del curso

Este curso de Figma tiene como objetivo que aprendas a moverte por la interfaz del programa, a dominar cómo funcionan las herramientas y recursos que nos ofrece, y a crear con Figma un proyecto real de diseño.

Por qué debes aprender Figma

Tanto si te dedicas al diseño de interfaces como si eres un profesional que de una manera u otra intervendrá en ese proceso (gestor de proyectos, copywriter, frontend, backend...), es importante tener nociones de cómo funciona el "tablero" sobre el que se realizarán todas las correcciones y gestiones del diseño del producto.

Si bien es cierto que el software de edición de imagen está muy extendido, casi estandarizado, aún hay muchos profesionales dentro del mundo de la creación de webs o aplicaciones que no están familiarizados con las herramientas de diseño de interfaces que ofrecen soluciones mucho más adaptadas a las necesidades de la creación de una web o una aplicación, tanto para el diseñador como para el equipo de desarrollo.

Este tipo de software facilita las decisiones de interacción, flujo de navegación, usabilidad, experiencia de usuario y funcionalidades, entre otras. Figma no solo ayuda al diseñador de la interfaz, si no que agiliza la gestión de todo el equipo.

Qué tengo que saber

Para realizar este curso es necesario estar familiarizado con terminología relacionada con el diseño web y de aplicaciones móviles. También tener nociones básicas sobre lo que supone un proceso de diseño de producto digital y las necesidades que tiene.

No es necesario tener la aplicación Figma instalada en el ordenador, pero sí recomendable tener una cuenta registrada en www.figma.com

Clases y contenidos

Primeros pasos con Figma
  • Diseño de interfaces y creación de imágenes
  • Conceptos y nomenclatura propia de este tipo de programas
  • El espacio de trabajo
  • Herramientas de Figma y su utilidad
  • Qué partes del proyecto cubre Figma y qué partes no
Primeras acciones y creación de proyectos Gratis

Creación de proyectos, páginas y objetos, Herramienta de texto, Uso de las imágenes, Color, degradado y efectos, Retículas, guías y organización de los objetos, Vectores.

Estructura de un proyecto de producto digital con Figma
  • Funciones avanzadas
    • Importar y exportar archivos de otros programas
    • Restricciones o constraints, stilos o styleguides
    • Auto Layout
    • Plugins
  • Componentes
    • La funcionalidad principal.
    • Qué son, cómo funcionan y qué posibilidades tienen
  • Sistema de diseño
    • Qué es un sistema de diseño
    • Por qué es la base de cualquier diseño de producto digital
Diseño de un proyecto web con Figma. Preparación del proyecto
  • Qué hay que tener preparado antes de comenzar a diseñar
  • Preparación del espacio de trabajo (frames, guías, retículas, páginas…)
  • Creación del sistema de diseño
  • Wireframes
Diseño de un proyecto web con Figma. Diseño visual.

Construiremos la parte visual del proyecto y aprenderemos las herramientas de Figma que hacen más fácil la creación de elementos, su estructuración o el acceso a contenido provisional para la maqueta.

Diseño de un proyecto web con Figma. Preparación para desarrollo
  • Diseño de los patrones o comportamiento de todos los elementos
  • Revisión de estilos
  • Exportar y preparar archivos para desarrollo
  • Compartir proyectos con Figma
Diseño de un proyecto web con Figma. Prototipado.
  • Cómo se hace un prototipo con Figma
  • Opciones de interacción del prototipado
  • Cambios en tiempo real
  • Compartir el prototipo

Valoraciones

ALVARO HERRANZ

Jorge Arévalo

Marta Torre

Gran curso y grandes explicaciones sobre la herramienta.

Carolina Maggi

¡Genial! Clases muy didácticas.

DOCAL ARTAJO / JAIME

Gran curso!!!! Como todos los que imparte Nora Ferreiros!!!

Maria Paula Herrero

Visualnacert

Iria Otero Fernández

Davina Medina Ramirez

Muy interesante

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete