Figma desde cero

Curso: Figma desde cero

avanzado
12 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
+12 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 Octubre
Duración: +12 horas
(Ver temario)
Calificación: 4.8
(Ver 186 opiniones)

Comparte:

Acerca de este curso

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?

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

¿Qué conocimientos previos necesitas?

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

¿A quién está dirigido este curso?

  • Diseñadores UI/UX.
  • Diseñadores gráficos.

Profesores del curso

Avatar

Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Avatar

Alexis Mora Angulo

@jopzikVer perfil

💻 UX Lead en EDteam 🎨 CSS Art 🌮 Nayarita

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 - Alineación 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 - Sobrescribir 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 librería

  • 6.6 - Actualizar y eliminar componentes de la librería

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 Anímate

  • 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 utilidades

  • 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

[Bonus] Auto Layout

Crea frames, componentes y páginas completas mucho más flexibles y dinámicos.

  • 12.1 - Auto layout en frames

  • 12.2 - Manejo de paddings

  • 12.3 - Distribución y alineación de elementos

  • 12.4 - Auto layout en componentes

  • 12.5 - Creando botones con auto layout

  • 12.6 - Creando cards flexibles

  • 12.7 - Creando un to-do list tipo Asana/Trello

[Bonus] Variantes

Organiza tus componentes agrupando todas sus variantes en uno solo.

  • 13.1 - Introducción a las variantes

  • 13.2 - Componentes con variantes

  • 13.3 - Actualiza tus componentes a variables

  • 13.4 - Creando un sistema de botones

  • 13.5 - Creando un card con sus variantes

Profesores del curso

Avatar

Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Avatar

Alexis Mora Angulo

@jopzikVer perfil

💻 UX Lead en EDteam 🎨 CSS Art 🌮 Nayarita

Asistente del curso

Avatar
Oscar Moises
@oscarmoisesalvarengamendozaVer perfil

Sigue aprendiendo con

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9

Empieza a aprender Figma desde cero

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

Mostrar precios en

USD

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

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 (+181 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reproducción automática de clases

  • Continúa estudiando en el segundo exacto donde te quedaste

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+181 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reproducción automática de clases

  • Continúa estudiando en el segundo exacto donde te quedaste

  • Ver todas las características

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

Sólo este curso

$42USD

$30 20 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?

186 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Sigue aprendiendo con

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9