Figma desde cero

Curso: Figma desde cero

avanzado
11 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Figma desde cero

Toma este curso
Figma desde cero

Curso: Figma desde cero

avanzado
+11 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Figma desde cero

Figma desde cero

Aprende la principal herramienta de diseño y prototipado colaborativo y en tiempo real del mercado.

Nivel: avanzado
Fecha de lanzamiento: 28 de oct.
Duración: +11 horas
(Ver temario)
Calificación: 4.8
(Ver 113 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

El diseño es hoy en día uno de los requerimientos más importantes en el desarrollo de software y producto. Pero el solo mantenimiento de un sistema de diseño puede tomar más tiempo que el diseño mismo: control de versiones, actualización de recursos, cambios en conflicto, etc. Figma es la mayor revolución en el diseño porque permite trabajar en equipo, en tiempo real y sobre un mismo producto. No más carpetas compartidas, archivos adjuntos o reuniones de consolidación. Figma es el futuro del diseño de interfaces y probablemente del diseño gráfico en general. Este es el curso de Figma más completo que encontrarás en español y te llevará desde lo más básico hasta crear tus propios sistemas de diseño y tu primer prototipo de aplicación: EDmovies.

¿Qué aprenderás en este curso?

  • 1. Diseño vectorial con Figma
  • 2. Estrategias de trabajo colaborativo
  • 3. Diseño UI y prototipado
  • 4. Sistemas de diseño
  • 5. Tu primer mockup y prototipo con Figma

¿Qué conocimientos previos necesitas?

    Recomendable pero no obligatorio: conceptos básicos de diseño.
Avatar

Prof. Alvaro Felipe

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Temario del curso

¿Qué es Figma?

Aprenderás qué es Figma y qué lugar ocupa en el desarrollo de software y producto

  • 1.1 - ¿Qué es Figma?

  • 1.2 - ¿Qué es UX y UI?

  • 1.3 - Conceptos clave de Figma

  • 1.4 - Interfaz de Figma

  • 1.5 Atajos de Teclado y Mouse

  • 1.6 - Frames y grids

Herramientas de diseño (I)

Aprenderás a crear tu primer diseño con Figma

  • 2.1 - Las formas

  • 2.2 - Transformación de formas

  • 2.3 - Operaciones con formas

  • 2.4 - Trazado y relleno

  • 2.5 - Ajustando tamaño de iconos con trazado y relleno

  • 2.6 - Alineacion-y-agrupación

  • 2.7 - Smart selection

Herramientas de diseño (II)

Aprende a dibujar formas personalizadas y trabajar con imágenes.

  • 3.1 - Texto

  • 3.2 - Imágenes

  • 3.3 - Máscaras

  • 3.4 - Pluma

  • 3.5 - Vector network

  • 3.6 - Edición vectorial de objetos

Constraints

Dominarás uno de los conceptos más importantes de Figma: los constraints.

  • 4.1 - Constraints

  • 4.2 - Constraints con frames y constraints con grids

  • 4.3 - Ejercicio: diseño de botones

  • 4.4 - Ejercicio: diseño de íconos

  • 4.5 - Ejercicio: diseño de card

Componentes

Los componentes que puedes guardar y reutilizar para acelerar tu trabajo.

  • 5.1 - Crear componentes

  • 5.2 - Sobreescribir Componentes

  • 5.3 - Sobrescribir instancias

  • 5.4 - Componentes complejos

  • 5.5 - Repeat Grid con Figma

Librerías y estilos

Con Figma puedes tener tus propias librerías de componentes, estilos y efectos y compartirlas con tu equipo.

  • 6.1 - Estilos

  • 6.2 - Tipos de estilos

  • 6.3 - Usar y editar estilos

  • 6.4 - Team Library

  • 6.5 - Agregar componentes a la libreria

  • 6.6 - Actualizar y eliminar componentes de la libreria

Prototipado I

Agrega interacción a tus diseños estáticos y replica la experiencia de usuario de tu app.

  • 7.1 - Prototipos

  • 7.2 - Triggers

  • 7.3 - Actions

  • 7.4 - Animaciones

Prototipado II

Usa características exclusivas de Figma para crear prototipos avanzados.

  • 8.1 - Smart Animate

  • 8.2 - Scrolling

  • 8.3 - Ejercicio: Utilizando Scroll

  • 8.4 - Figma Mirror

Trabajo colaborativo

Buenas prácticas y estrategias para organizar el trabajo en equipo.

  • 9.1 - Organización de documentos

  • 9.2 - Organización de Assets

  • 9.3 - Buenas prácticas de trabajo en equipo

  • 9.4 - Compartir tu trabajo

  • 9.5 - Exportar tu trabajo

Plugins

Aprenderás a agregarle nuevas funcionalidades a Figma con plugins

  • 10.1 - Plugins

  • 10.2 - Plugins de contenido

  • 10.3 - Plugins para edición

  • 10.4 - Plugins de uilidades

  • 10.5 - Plugins de diseño

  • 10.6 - Plugins de layout

  • 10.7 - Plugins de html

  • 10.8 - Plugins de color

  • 10.9 - Plugins de organización

Sistemas de diseño

Un sistema de diseño es la base sobre la que se construye el diseño de una marca y sus productos.

  • 11.1 - ¿Qué es un sistema de diseño?

  • 11.2 - Ejemplos de sistemas de diseño

  • 11.3 - Fundamentos de las tipografías

  • 11.4 - Elección de paleta de color

  • 11.5 - La importancia del Layout

  • 11.6 - Recomendaciones para crear un sistema de diseño en Figma

Avatar

Prof. Alvaro Felipe

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Sigue aprendiendo con

 App de Peliculas con Figma

App de Peliculas con Figma

Avatar

Alvaro Felipe

5

4.8

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9

Adobe Xd desde cero

Adobe Xd desde cero

Avatar

Alvaro Felipe

5

4.9

Empieza a aprender Figma desde cero

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+141 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+141 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$35USD

$360 240 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

113 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Sigue aprendiendo con

 App de Peliculas con Figma

App de Peliculas con Figma

Avatar

Alvaro Felipe

5

4.8

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9

Adobe Xd desde cero

Adobe Xd desde cero

Avatar

Alvaro Felipe

5

4.9