FIGMA TUTORIAL: Componente ACORDEÓN, Parte 1

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • En esta guía paso a paso, te voy a enseñar cómo puedes diseñar un componente acordeón en Figma, para mostrar preguntas frecuentes (FAQ) en tu sitio web o aplicación móvil.
    Es un tutorial esencial para cualquier estudiante de diseño UX, diseño web y diseño de aplicaciones móviles.
    Empezaremos por diseñar la estructura básica del acordeón. Construiremos el frame que contendrá la pregunta, la respuesta y el botón para abrir y cerrar el acordeón.
    Después, convertiremos el diseño en un componente y añadiremos una variante. En componente, la variante por defecto será el estado “cerrado”, y la otra será el estado “abierto”.
    Pon en práctica estos consejos y verás cómo tus proyectos de diseño UX cobran vida.
    Recuerda algo importante, el diseño es más que hacer que las cosas se vean bien; se trata de crear una experiencia de usuario intuitiva y accesible.
    ¡Manos a la obra y a diseñar!

КОМЕНТАРІ • 10

  • @GritoLiberal
    @GritoLiberal 2 місяці тому

    Hola Juan, soy tu nuevo suscriptor, aqui vamos aprendiendo de a poco, muchas graciasa por tus videos! saludos

    • @juanpoldi
      @juanpoldi  2 місяці тому

      Bienvenido al canal Grito, gracias por suscribirte. Cualquier duda o consulta deja tus comentarios.
      Por cierto, te invito a unirte a la comunidad de UX y UI fácil que tenemos en Discord www.juanpol.com/discord

  • @wilfredobarreto3810
    @wilfredobarreto3810 8 місяців тому

    Tus videos me ayudan mucho. Gracias!

    • @juanpoldi
      @juanpoldi  8 місяців тому

      Muchas gracias Wilfredo! Cómo llegaste la canal?

  • @kevinordonez6697
    @kevinordonez6697 8 місяців тому

    Excelentes videos saludos desde Colombia.

    • @juanpoldi
      @juanpoldi  8 місяців тому

      Muchas gracias Kevin! qué te ha parecido este primero tutorial? crees que puedo mejorar algún aspecto?

    • @kevinordonez6697
      @kevinordonez6697 7 місяців тому

      @@juanpoldi Todo súper bien explicado y lo mejor en poco tiempo.

    • @juanpoldi
      @juanpoldi  7 місяців тому

      GRACIAS Kevin!

  • @johndesing
    @johndesing 7 місяців тому

    Gracias juan por crear contenido de calidad para los que estamos aprendiendo. Pero tengo una gran duda: después de diseñar todas las paginas de una app en figma, debo conseguir un programador que tome el diseño y le coloque codigo para que los "botones", "carrito de compras" etc funcione?
    Podrias hacer un video explicando todos esos pasos para crear y subir una app a la play store. Muchas gracias.

    • @juanpoldi
      @juanpoldi  7 місяців тому +1

      Gracias a ti John por dejar tus comentarios!
      Efectivamente, el trabajo no termina en Figma.
      Después de diseñar la app, mientras la diseñas mejor, deberías revisar todo lo que haces con tu equipo de desarrollo. El perfil técnicos de esas personas es muy importante, porque se encargarán de dar vida a tu proyecto.
      Respecto a los pasos para publicar una app en la Google Play Store no te puedo decir mucho, justamente con mis compañeros de Tech los que se encargan de ello.
      Yo trabajo junto a ellos desde el inicio de un proyecto, incluso antes de diseñar y prototipar en Figma. Como te decía, es sumamente importante que estés muy coordinado con esas personas.