Figma es una de las mejores herramientas de aplicación de diseño de interfaz. Está diseñado para colaborar y trabajar con otros en proyectos digitales. Puedes diseñar e ilustrar (¡tiene herramientas vectoriales!), crear prototipos y generar código.
Además, puede trabajar sin problemas con otros y participar en una colaboración de diseño totalmente integrada.
Si no ha comenzado a usar Higo sin embargo, puede ser un poco intimidante. Por supuesto, puede obtener más información sobre la herramienta. directamente desde Figmapero aún queda mucho por explorar.
Para hacerlo más fácil, hemos recopilado veinte tutoriales de Figma para principiantes para que aprender esta herramienta sea muy fácil.
Más de 2 millones de plantillas gráficas de Figma y más con descargas ilimitadas
Descarga miles de plantillas gráficas, kits de interfaz de usuario y plantillas web de Figma con una suscripción a Envato Elements. Comienza en $ 16 por mes y le brinda acceso ilimitado a una biblioteca en crecimiento de más de 2,000,000 de plantillas, elementos de diseño, gráficos, temas, fotos y más de Figma.
Explora las plantillas de Figma
Introducción a Figma
Esta guía de Figma de Designlab es para principiantes. El tutorial de 30 minutos comienza literalmente al registrar una cuenta y mirar a través de la interfaz. Si aún no tienes una cuenta y quieres aprender Figma, este es el Paso 1.
Sugerencias para el panel Capas de Figma
Trabajar con capas puede ser el mejor amigo de un diseñador. Este tutorial ofrece cinco consejos sobre cómo usar el panel Capas de Figma, incluido un video para que pueda verlo en acción.
Comprensión de Figma como principiante de la interfaz de usuario
Este tutorial escrito es una excelente introducción a Figma como herramienta para el diseño de interfaces de usuario. Es bueno para principiantes en diseño de Figma o UI. La mejor parte del tutorial es que proporciona un glosario de términos de Figma. (Querrá tener esto a mano hasta que se sienta cómodo con la herramienta).
Primeros pasos: descripción general del editor
Algunos de los mejores tutoriales para principiantes de Figma se encuentran en el canal de YouTube de la herramienta, incluida esta lección para principiantes sobre el uso del editor. Según la descripción: “El editor es donde convertirás las ideas de productos en diseños reales. En este video, le mostraremos una descripción general rápida de dónde puede encontrar diferentes funciones en el Editor».
estilos de color figma
Otro video tutorial en la serie Conceptos básicos de Figma incluye esta lección sobre estilos de color. En menos de 4 minutos, puede aprender a crear un estilo de color, aplicar un estilo y actualizar un estilo.
Guía para principiantes sobre los conceptos básicos de Figma
Con 2 horas de demostraciones en video en pantalla, esta guía para principiantes avanza lo suficientemente lento como para ayudarlo a aprender las herramientas de Figma. El tutorial recorre un diseño de plantilla web básico.
Usando Figma para diseño SVG
Dado que puede dibujar elementos vectoriales en Figma, es una gran herramienta para diseñar elementos SVG. Este tutorial incluye siete lecciones breves (menos de 8 minutos cada una) para ayudarlo a navegar por las herramientas, el proceso de edición de vectores, el uso de rellenos y rutas y la exportación de archivos SVG.
Aprenda Figma: capacitación esencial en diseño de UI/UX
El curso Figma Essentials de Udemy incluye 4 horas de video, recursos descargables y un certificado de finalización. El curso premium le permite controlar su ritmo en línea y cubre cómo usar Figma, cuándo usarlo y lo guía a través del proceso de construcción de un prototipo real.
Introducción a Figma por Headway
Headway Design Group tiene un video introductorio de una hora sobre el uso de Figma que explica no solo cómo usar la herramienta, sino también cómo los equipos pueden aprovecharla al máximo.
Cómo diseñar pantallas de integración para aplicaciones móviles en Figma
Casi todas las aplicaciones tienen una pantalla de bienvenida o incrustada. Este tutorial de Figma le muestra cómo crear una pantalla de incorporación basada en vectores con sencillas instrucciones en video.
Figma para diseño UX
Figma for UX Design es un curso de aprendizaje de LinkedIn que comienza explicando qué es Figma y cómo iniciar un proyecto de Figma. Descubra cómo agregar contenido a su proyecto de diseño trabajando con marcos, creando y editando formas, dibujando, agregando y formateando texto y más. Además, aprenda a crear prototipos, compartir modelos con las funciones de colaboración de Figma y generar activos para el desarrollo.
Biblioteca del equipo de Figma
Team Libraries es una de las principales razones por las que tantos equipos usan Figma. La biblioteca del equipo le permite publicar y compartir componentes y estilos con otros para que todos sus archivos estén siempre actualizados. Este video de 4 minutos lo guía a través de todos los conceptos básicos de la biblioteca del equipo, desde configurarla hasta usar materiales para revisar y realizar cambios.
Componente de botón Figma
Los componentes son la columna vertebral de lo que hace que Figma funcione. Este tutorial del equipo de Figma le enseña cómo crear un componente principal, crear una instancia y usar anulaciones. Además, obtienes todo esto en solo 7 minutos.
Cómo diseñar componentes flexibles para botones en Figma
Aprenda a diseñar componentes de botones flexibles en Figma con diseño interno e intercambio de instancias, listos para usar en un sistema de diseño de UX/UI escalable y robusto. El video tutorial dura poco menos de 18 minutos.
Cree una cartera de UX atractiva con Figma
Todo lo que necesitas para crear un portafolio que quieras mostrar mientras aprendes Figma. El curso se divide en nueve lecciones, lo que facilita su inicio y finalización.
curso figma
El curso Figma es una colección de videos cortos para que los principiantes aprendan la herramienta de diseño. Comience y pase a las lecciones adecuadas para usted. Hay casi cinco horas de lecciones en video para ver.
Gradientes de figma
Los degradados son un elemento de diseño moderno que puedes crear en Figma en solo minutos. ¡En serio! Este video tutorial le muestra los entresijos de los degradados en menos de 3 minutos.
Diseño de aplicación de citas en Figma.
Este video tutorial no es para los débiles de corazón, pero con casi 6 horas de instrucción, puede usarlo para aprender a crear una aplicación de principio a fin en Figma. Todo en el tutorial está hecho en Figma, y aunque puede parecer un poco intimidante, es adecuado para principiantes.
Más allá de lo básico: Figma
Una vez que haya aprendido cómo comenzar con Figma, es posible que desee llevar sus habilidades un poco más allá. Beyond the Basics incluye un puñado de lecciones en video (todas de menos de 10 minutos) que brindan una excelente introducción al trabajo con estilos, atajos de teclado, bibliotecas de equipo y más.
Diseña un sitio web en menos de 1 hora con Figma
Pon a prueba tus habilidades y crea un sitio web básico en Figma en menos de una hora. Este video tutorial (menos de 48 minutos) le muestra cómo crear un prototipo, diseñar un logotipo y estructurar todas las páginas de un sitio web.
