Mi libro, "Diseño desde Marte", ya a la venta 🚀

icono lupa buscar

Busca en uiFromMars

icono aspa cerrar

Aprende cómo usar Figma

¿Estás buscando cómo utilizar Figma? He escrito varios tutoriales que te ayudarán a aprender cómo usar Figma en muy poco tiempo:

Lo primero que te recomiendo es leer esta introducción a Figma, en la que conocerás cómo es su interfaz, las herramientas básicas y cómo se diferencia de otros programas.

Si la base ya la dominas, entonces es hora de aprender:

  • Cómo hacer prototipos en Figma, desde lo más básico a lo avanzado, incluyendo scroll vertical y horizontal
  • Auto Layout con Figma, que te permitirá crear frames que se adapten al contenido, sin que tengas que reposicionarlo todo cada vez que tocas alguna capa de texto o icono
  • También puedes aprender a utilizar los Variants de Figma, que entre otras cosas te permitirá crear los diferentes estados de un botón (por ejemplo) sin necesidad de duplicar varias veces un frame que es idéntico.
  • Ligado a los Variants, tienes los componentes interactivos. Con ellos podrás crear pequeños prototipos dentro de un conjunto de Variants, que te permitirán poder reflejar los diferentes estados de un botón (activo, hover, deshabilitado, presionado…) sin tener que repetir decenas de frames.

Y hablando de temas más prácticos, estas son las tres maneras con las que puedes exportar assets en Figma, cómo puedes usar una plantilla que puedes reutilizar en cada diseño y los plugins de Figma más recomendados.