Wrap trong Auto layout là gì?
Còn gọi: Figma, auto layout wrap, wrap figma, xuống dòng auto layout
Wrap là tuỳ chọn hướng của Auto layout trong Figma, cho phép các phần tử con tự xuống hàng khi hết chiều rộng khung, giống flex-wrap trong CSS.
Hiểu kỹ hơn
Trong mục Auto layout, ngoài hướng dọc và ngang còn có Wrap. Khi chọn Wrap, các phần tử con xếp theo hàng ngang và tự chuyển sang hàng mới nếu không đủ chỗ. Có hai khoảng cách: khoảng cách giữa các phần tử trong một hàng và khoảng cách giữa các hàng. Wrap rất hợp với danh sách tag hoặc chip, lưới thẻ sản phẩm co giãn, nhóm nút lọc. Khi kéo rộng hay thu hẹp khung, số phần tử mỗi hàng tự thay đổi, giúp kiểm tra responsive ngay trong Figma. Lưu ý: muốn số cột cố định và thẳng hàng tuyệt đối, hãy dùng chế độ Grid của Auto layout thay vì Wrap. Lập trình viên có thể dựng lại bằng display flex với flex-wrap wrap.
