Learn Figma

Learn Figma with these hands-on guides. Master collaborative UI/UX design, prototyping, and team workflows with these easy-to-follow Figma tutorials.
Read moreRead less
All content
Courses
Tutorials

Getting started with Figma

  • Introduction To Figma (Free Beginners’ Course)

    Introduction To Figma (Free Beginners’ Course)

    Adi Purdila
  • How to Create a Frosted Glass Effect in Figma

    How to Create a Frosted Glass Effect in Figma

    Adi Purdila

    • All Figma tutorials:

    1. Cómo turboalimentar tus componentes con variantes de Figma

      Cómo turboalimentar tus componentes con variantes de Figma

      Tutorial • Intermediate

      En este tutorial, aprenderás a usar variantes en Figma. Las variantes son una característica de Figma relativamente nueva; con ellas puedes agrupar y...

    2. Cómo trabajar con componentes, Auto Layouts y contenido dinámico en Figma

      Cómo trabajar con componentes, Auto Layouts y contenido dinámico en Figma

      Tutorial • Beginner

      Como diseñador de UI, Figma puede ahorrarte mucho tiempo. En este tutorial práctico, aprenderás cómo ahorrar tiempo y esfuerzo trabajando con componentes...

    3. Creación de un sistema de diseño en Figma: tipografía, espaciado y tamaño

      Creación de un sistema de diseño en Figma: tipografía, espaciado y tamaño

      Tutorial • Beginner

      En este, el primero de una serie de tutoriales, aprenderás a crear un sistema de diseño en Figma. Hace poco diseñé este tema de jardinería para WordPress.

    4. Cómo crear pantallas de inicio de sesión para una plantilla de aplicación de citas en Figma

      Cómo crear pantallas de inicio de sesión para una plantilla de aplicación de citas en Figma

      Tutorial • Beginner

      En este tutorial de Figma aprenderás a crear pantallas de acceso y de inicio de sesión para una plantilla de aplicación de citas. ¡Aquí hay una vista...

    5. Guía para principiantes sobre cómo hacer un wireframe

      Guía para principiantes sobre cómo hacer un wireframe

      Tutorial • Beginner

      Los wireframes son vitales en cualquier proceso de diseño de pantallas. Aprende más de qué es un wireframe y cómo hacer uno con este artículo.

    6. Cómo cambiar varios colores al mismo tiempo en Figma

      Cómo cambiar varios colores al mismo tiempo en Figma

      Tutorial • Beginner

      En este breve consejo de Figma, aprenderás a cambiar varios colores al mismo tiempo. Esto es un gran ahorro de tiempo y de hecho es una de mis funciones...

    7. Cómo corregir sombras recortadas o elementos desbordados en Figma

      Cómo corregir sombras recortadas o elementos desbordados en Figma

      Tutorial • Beginner

      En este consejo rápido, te enseñaré cómo corregir las sombras recortadas y los elementos desbordados que en ocasiones ocurren en Figma. Esto puede ser un...

    8. Atajos esenciales de Figma para trabajar eficientemente

      Atajos esenciales de Figma para trabajar eficientemente

      Tutorial • Beginner

      Estos atajos esenciales de Figma aumentarán tu productividad y te permitirán trabajar de manera más eficiente. Son mis recomendaciones personales y las uso...

    9. Cómo crear un efecto de vidrio esmerilado en Figma

      Cómo crear un efecto de vidrio esmerilado en Figma

      Tutorial • Beginner

      En este consejo breve, aprenderás a crear un efecto de vidrio esmerilado (o cubierto de escarcha) en Figma. Este es un efecto muy popular y en realidad es...

    10. Una guía rápida de los ajustes de relleno de imagen de Figma

      Una guía rápida de los ajustes de relleno de imagen de Figma

      Tutorial • Beginner

      En este tutorial, aprenderás todos sobre los ajustes de relleno de imagen de Figma. Existen 4 en total, cada uno de los cuales te permite manipular la imagen...

    11. 4 formas de cambiar el tamaño de los elementos en Figma

      4 formas de cambiar el tamaño de los elementos en Figma

      Tutorial • Beginner

      En este consejo rápido te mostraré 4 maneras de cambiar el tamaño de los elementos en Figma, en caso de que el método predeterminado no se comporte como...

    12. Figma vs. Adobe XD en el 2020

      Figma vs. Adobe XD en el 2020

      Tutorial • Beginner

      Figma y Adobe XD han estado compitiendo desde el lanzamiento de XD en el 2016. Al principio, la competencia no era tan fuerte, ya que los primeros...

    Related Categories

    CSS
    HTML/CSS
    UI Design
    Sketch
    Unlimited Downloads
    From $16.50/month
    Get access to over one million creative assets on Envato.
    Over 9 Million Digital Assets
    Everything you need for your next creative project.
    Create Beautiful Logos, Designs
    & Mockups in Seconds
    Design like a professional without Photoshop.
    Join the Community
    Share ideas. Host meetups. Lead discussions. Collaborate.