• Saltar a la navegación principal
  • Saltar al contenido principal

Juanpol

Vibe Coding y diseño UX y UI con IA

  • Vibe coding
  • Product Design
  • Design system
  • Tutoriales de Figma
  • Blog
  • Newsletter
Figma / Auto Layout desde el menú contextual

Auto Layout desde el menú contextual

En este nuevo tutorial de Figma vamos a conocer todos los pasos para crear un Auto Layout desde el menú contextual de la aplicación.

auto layout menú contextual
Creando un Auto Layout de Figma con el menú contextual / Icono: Freepik

Este es el segundo método que podemos utilizar para crearlo, de los otros te hablé en un artículo anterior. Puedes conocer los demás métodos para crear un Auto Layout visitando el post donde hablé sobre esta herramienta.

Como lo hice en otras clases voy a transcribir el contenido del vídeo para que puedas usarlo como guía si deseas hacer prácticas.

Pasos para crear un Auto Layout

En este tutorial vamos a crear un Auto Layout desde el menú contextual.

El vídeo estará disponible en breve.

Como en el vídeo anterior seguimos trabajando con dos objetos sobre el Canvas, un icono y un texto, con ellos vamos a crear el Auto Layout.

Primero vamos a seleccionarlos. Puede que no hayas visto los tutoriales anteriores, entonces te pido que pongas atención a la pestaña Layers , allí verás que ambos objetos están seleccionados.

Para crear el Auto Layout vamos a pulsar el botón derecho (o secundario) de nuestro ratón. Un detalle importante, lo tenemos que pulsar con el cursor encima de la selección de objetos. Si nuestro cursor se encuentra en otro lugar el menú contextual podría ser otro.

Por último pinchamos la opción Add auto layout presente en el cuarto bloque de ítems del menú contextual.

En el primer tutorial de esta serie de vídeos dedicada al Auto Layout compartí información relacionada a este tema que te puede interesar, te sugiero visitar el primer post para obtenerla.

Ya hemos creado un Auto Layout utilizando el menú contextual, si tienes alguna duda por favor deja un comentario.

Nada más por ahora, te espero en el siguiente tutorial.

Muchas gracias.

Aprende sobre UX/UI + IA, Figma y Product Design

📣 Apúntate a mi newsletter semanal

🔥 Únete a la comunidad UX y UI fácil en Discord

🔴 Suscríbete al canal de YouTube para ver tutoriales

Acerca de Juanpol

Diseñando desde 1993 y todavía aprendiendo. Actualmente como Product Designer en Freepik, aquí comparto mis notas sobre lo que voy probando de UX/UI e IA.

Juanpol

Juanpol

Vibe Coding y diseño UX y UI con IA

  • Acerca de
  • info@juanpol.com
  • LinkedIn
  • GitHub
  • YouTube
  • Discord
  • Telegram
  • X | @juanpol

  • Aviso legal, Privacidad y Cookies

Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada o a partir de tus hábitos de navegación. Puedes informarte más sobre ellas en los

Resumen de privacidad

Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada o a partir de tus hábitos de navegación. Puedes cambiar la configuración u obtener más información consultando la política de cookies.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies de terceros

Esta web utiliza herramientas de estadística para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

Política de cookies

Más información sobre nuestra política de cookies.