Nuevo
Curso gratis de Figma
Una excelente forma de introducirte
en la herramienta de Figma de forma gratuita.
9 lecciones + editable de Figma
Templates y recursos
¡Aprende haciendo!
Realizar curso ↓
Obtén el material del curso GRATIS
¡Excelente! 💪🏼 Recuerda que el email puede demorar incluso horas y chequea la bandeja de spam por las dudas. ¡Hasta la próxima!
Al parecer ocurrió un error
No te preocupes. Intenta nuevamente más tarde.
Únete a +35.000 estudiantes
LESSON
1
Introducción al curso

Descripción

Figma es una herramienta de diseño de interfaz de usuario líder en el mercado que ofrece una gran variedad de opciones para crear y prototipar diseños de manera colaborativa y en tiempo real. A diferencia de otras herramientas similares como Sketch y Adobe XD, Figma se ejecuta completamente en la nube, lo que significa que no es necesario descargar ni instalar ningún software en tu ordenador.

Además, la comunidad open source de Figma ofrece una amplia variedad de recursos y plugins que puedes utilizar para personalizar tu experiencia de diseño. Si deseas aprender a utilizar Figma desde cero hasta un nivel profesional, ¡has llegado al lugar correcto! Este curso introductorio gratuito de Figma en Udemy te enseñará las herramientas básicas y avanzadas que necesitas para diseñar y prototipar interfaces de usuario de manera eficiente y efectiva.

Desde la creación de librerías y componentes hasta la integración de feedback, aprenderás todo lo que necesitas saber para dominar Figma. Este curso se divide en dos secciones principales. En la primera sección, aprenderás las herramientas básicas de Figma, incluyendo cómo crear y organizar marcos, cómo utilizar capas y cómo trabajar con vectores. En la segunda sección, profundizarás en las herramientas avanzadas de Figma, como la creación de estilos de texto, la edición de formas complejas y la colaboración en tiempo real con otros diseñadores.A medida que avances en el curso, tendrás la oportunidad de aplicar lo que has aprendido en proyectos prácticos de diseño, como el diseño de una página de inicio de una aplicación móvil o el diseño de un sitio web completo.

Aprenderás a utilizar herramientas de diseño avanzadas, como la creación de animaciones y la integración de interacciones de usuario, para crear prototipos interactivos y atractivos.

Preguntas Frecuentes:

¿Qué es Figma y por qué es importante?

Figma es una herramienta de diseño de interfaz de usuario líder en el mercado que se ejecuta completamente en la nube. Esto significa que no es necesario descargar ni instalar ningún software en tu ordenador y que puedes trabajar con otros diseñadores en tiempo real. Figma es importante porque ofrece una gran variedad de opciones para crear y prototipar diseños de manera colaborativa y en tiempo real.

¿Cuáles son las herramientas que se cubren en el curso?

En este curso introductorio de Figma, se cubren las herramientas básicas y avanzadas de Figma, incluyendo cómo crear y organizar marcos, cómo utilizar capas y cómo trabajar con vectores. También aprenderás a utilizar herramientas de diseño avanzadas, como la creación de animaciones y la integración de interacciones de usuario.

¿Es necesario tener experiencia en diseño para tomar este curso?

No es necesario tener experiencia previa en diseño para tomar este curso, ya que se cubren las herramientas básicas y avanzadas de Figma desde cero.

¿Para quién es este curso?

Este curso es ideal y está dirigido para diseñadores, programadores, emprendedores y todas las personas con ganas de aprender sobre el software de Figma desde cero.

LESSON
2
Creación de cuenta, team y proyecto

Descripción

Aprenderás a utilizar las características básicas de Figma, como las herramientas de dibujo, los componentes y los estilos, y cómo aplicarlos a tus diseños. Además, se te enseñará cómo crear un equipo y colaborar en un proyecto con otros miembros. Este tutorial es ideal para principiantes que desean aprender Figma desde cero y avanzar en sus habilidades de diseño. ¡No te lo pierdas y comienza a diseñar tus proyectos en Figma hoy mismo!

LESSON
3
Introducción al editor

Descripción

Aprenderás cómo crear tu primer archivo y cómo guardar tus trabajos para poder acceder a ellos en cualquier momento. Además, te mostraremos cómo utilizar las funciones de zoom y navegación, y cómo personalizar la barra de herramientas según tus necesidades. En definitiva, esta lección es la mejor manera de empezar a utilizar Figma de manera efectiva y productiva. ¡No te la pierdas!

LESSON
4
Herramientas y características

Descripción

Si estás buscando una herramienta que te permita diseñar y prototipar tus proyectos de forma rápida y eficiente, Figma es sin duda una de las mejores opciones disponibles. Entre las características principales de Figma encontrarás el diseño vectorial, las variantes, el autolayout, la función de compartir archivos en tiempo real y la posibilidad de crear componentes y bibliotecas de diseño.

Además, Figma es una herramienta multiplataforma, lo que significa que podrás trabajar en cualquier dispositivo con una conexión a Internet. Con Figma podrás aumentar tu productividad, trabajar más rápido y de manera más efectiva, y tener un control total sobre tus diseños. Este tutorial te mostrará paso a paso cómo utilizar las distintas herramientas de Figma y cómo sacar el máximo provecho de esta increíble herramienta de diseño. ¡No te lo pierdas!

LESSON
5
Componentes

Descripción

En este video aprenderás todo sobre los componentes en Figma, una de las funciones más importantes de esta herramienta de diseño. Los componentes te permiten crear elementos reutilizables que pueden ser editados fácilmente y aplicados en múltiples partes de tu diseño, lo que te ayuda a ahorrar tiempo y asegurarte de mantener la coherencia visual en todo tu proyecto.

En esta lección, te enseñaremos cómo crear y utilizar componentes en Figma, cómo aplicarles estilos y efectos, y cómo organizarlos de manera efectiva en tu archivo. También te daremos consejos para trabajar con componentes de manera eficiente y te mostraremos algunas funciones avanzadas para que puedas llevar tus diseños al siguiente nivel. ¡No te lo pierdas!

LESSON
6
Atajos/Shortcuts en Figma

Descripción

Los atajos de teclado son una forma rápida y fácil de realizar tareas comunes en Figma. Desde crear y duplicar capas hasta seleccionar herramientas y cambiar la opacidad, los atajos de teclado pueden ahorrarte tiempo valioso en cada paso del proceso de diseño.

En esta lección, cubriremos los atajos de teclado más útiles y populares de Figma. Aprenderás cómo utilizarlos de manera efectiva para optimizar tu flujo de trabajo y diseñar de manera más eficiente.Ya sea que seas un diseñador principiante o experimentado, esta lección es una guía esencial para aprovechar al máximo los atajos de teclado en Figma.

¡Así que asegúrate de tomar notas y estar listo para acelerar tu trabajo de diseño!

LESSON
7
Variantes en Figma

Descripción

En Figma, las Variantes son una herramienta muy útil para crear diferentes versiones de un mismo elemento sin tener que crear cada versión de forma individual. Con las Variantes, puedes crear diferentes versiones de un botón, un ícono o cualquier otro elemento de diseño y cambiar rápidamente entre ellas.

Por ejemplo, si tienes un botón que quieres utilizar en diferentes secciones de tu diseño pero con diferentes colores y tamaños, en lugar de tener que crear una versión de cada uno, puedes utilizar las Variantes para crearlos todos en un solo lugar y cambiar entre ellos según sea necesario.

Además, las Variantes se pueden utilizar para mantener la consistencia en tu diseño. Si necesitas hacer cambios en una Variante, esos cambios se aplicarán a todas las instancias de esa Variante en tu diseño. De esta manera, puedes hacer cambios globales en tu diseño sin tener que cambiar cada elemento de forma individual.

En resumen, las Variantes en Figma son una herramienta poderosa para crear y mantener la consistencia en tu diseño. Con ellas, puedes crear diferentes versiones de un mismo elemento y cambiar rápidamente entre ellas, lo que te permite ahorrar tiempo y trabajar de manera más eficiente.

LESSON
8
Autolayout en Figma

Descripción

En este video te enseñaremos todo lo que necesitas saber sobre Autolayout en Figma. Con esta función podrás crear diseños flexibles y responsivos de manera sencilla y rápida. Aprenderás cómo utilizar las diferentes opciones de Autolayout para adaptar tus diseños a distintos tamaños de pantalla, lo que te permitirá ahorrar tiempo y esfuerzo en la creación de tus proyectos.

Además, te mostraremos cómo utilizar las herramientas de alineación y distribución para lograr un diseño consistente y balanceado en todas tus pantallas y dispositivos. Con Autolayout en Figma, podrás crear diseños de alta calidad que se adapten a las necesidades de tu público y mejorarás la experiencia de usuario en tus proyectos.

No te pierdas este tutorial de Autolayout en Figma y descubre cómo mejorar tus diseños de manera fácil y eficiente. ¡Adelante!

LESSON
9
Styles/Estilos en Figma

Descripción

En esta lección de Figma, aprenderás todo lo que necesitas saber sobre los Styles. Los Styles son una herramienta clave en la creación de diseños cohesivos y profesionales. Con ellos, podrás aplicar cambios a todos los elementos de tu diseño de manera eficiente y fácil.

En este video tutorial, te mostraremos cómo crear, aplicar y modificar los estilos en tus diseños de Figma, así como las mejores prácticas para su uso. Descubre cómo crear estilos de texto, efectos y estilos globales para ahorrar tiempo en tus diseños.

¡Aprende a utilizar los Styles en Figma para llevar tus diseños al siguiente nivel!

LESSON
10
Prototipado e interacciones

Descripción

En esta lección vamos a profundizar en el prototipado e interacciones en Figma. Aprenderemos a utilizar estas herramientas para crear experiencias interactivas y mejorar la usabilidad de nuestros diseños.

En Figma, podemos crear prototipos de alta fidelidad con animaciones, transiciones, efectos y mucho más. Veremos cómo agregar interacciones, como los enlaces de navegación, transiciones de página y efectos hover, que ayudarán a nuestros usuarios a navegar de manera más intuitiva.

Además, exploraremos las diferentes opciones de exportación y compartiremos nuestros prototipos con nuestro equipo o clientes para obtener comentarios valiosos.Si quieres aprender a diseñar prototipos interactivos, esta es la lección que no puedes perderte.

¡Únete a nosotros y mejora tus habilidades en Figma!