⚠️
Video playback error
0.25x
0.5x
0.75x
1x ✓
1.25x
1.5x
1.75x
2x
0:00:00 / 0:00:00

05 - Introduction to Figma Auto Layout: Design with Flexbox

Description

The video features a single speaker presenting a technical tutorial.

Enjoy videos in any language, instantly!

Script

Original:

To design efficiently in Figma, it's important to organize elements like an HTML structure and align them using a system similar to display flex in CSS. In Figma, auto layout works like a container, and its alignments follows the same logic as display flex. In this video, I will explain the basics of auto layout, so you can design scalable and consistent websites while making the most of the variables. Before we start, here are some common mistakes to avoid when working with text in Figma. I will set this text. Okay? Um, it's very, very important.

Translated:

Para un diseño eficiente en Figma, organiza los elementos como HTML y alinéalos con un sistema similar a display flex de CSS. En Figma, el auto layout es un contenedor y sus alineaciones siguen la misma lógica que display flex. En este vídeo, te explicaré el auto layout para diseñar webs escalables y consistentes, aprovechando al máximo las variables. Antes de empezar, aquí tienes algunos errores comunes que debes evitar al trabajar con texto en Figma. Voy a configurar este texto. ¿De acuerdo? Uhm, esto es algo muy, pero que muy importante.