[Figma] Auto Layout trong Figma là gì? Cách sử dụng cho người mới

Auto Layout là gì?

Auto Layout trong Figma là tính năng giúp các thành phần thiết kế tự co giãn – tự sắp xếp – tự căn chỉnh khi bạn thay đổi kích thước khung hoặc nội dung bên trong. Hiểu đơn giản, Auto Layout giúp giao diện không bị lệch khi bạn thêm chữ, đổi kích thước nút hoặc thay đổi bố cục.

Thay vì phải kéo chỉnh thủ công từng phần tử, Auto Layout cho phép hệ thống tự xử lý khoảng cách, chiều rộng, chiều cao và vị trí.

Auto Layout dùng để làm gì?

Auto Layout thường được dùng khi:

• Thiết kế nút bấm (Button)
• Làm thanh menu, navbar
• Tạo card sản phẩm
• Dựng form đăng ký / đăng nhập
• Thiết kế giao diện mobile co giãn

Những khu vực có nội dung thay đổi liên tục sẽ đặc biệt cần Auto Layout để tránh vỡ bố cục.

Lợi ích khi sử dụng Auto Layout

• Tự động căn chỉnh khoảng cách
• Co giãn giao diện theo nội dung
• Giảm thời gian chỉnh tay
• Giữ thiết kế đồng bộ
• Dễ chuyển sang nhiều kích thước màn hình

Với người mới học thiết kế, Auto Layout giúp tránh lỗi lệch bố cục rất phổ biến.

Cách bật Auto Layout trong Figma

Quy trình cơ bản:

1. Chọn khung hoặc nhóm đối tượng
2. Nhấn Shift + A
3. Figma sẽ tự tạo Auto Layout
4. Điều chỉnh khoảng cách (Spacing)
5. Chỉnh hướng dọc / ngang

Sau khi bật, bạn có thể thay đổi nội dung bên trong và xem giao diện tự co giãn.

Các tuỳ chỉnh quan trọng trong Auto Layout

Direction (Hướng sắp xếp)

• Vertical: xếp dọc
• Horizontal: xếp ngang

Spacing (Khoảng cách)

• Khoảng cách giữa các phần tử
• Có thể đặt số cố định hoặc Auto

Padding (Lề trong)

• Khoảng cách từ viền ngoài đến nội dung

Resize (Co giãn)

• Hug contents: khung ôm nội dung
• Fill container: nội dung lấp đầy khung

Lỗi thường gặp khi dùng Auto Layout

• Chữ dài làm vỡ layout → chưa bật Hug contents
• Khoảng cách không đều → chưa chỉnh Spacing
• Nút bấm bị méo → dùng Fixed size thay vì Fill
• Thành phần bị tràn → thiếu Padding

Các lỗi này đa phần do chưa hiểu cơ chế co giãn.

Khi nào KHÔNG nên dùng Auto Layout?

• Thiết kế poster tĩnh
• Hình minh hoạ không thay đổi nội dung
• Layout chỉ dùng 1 kích thước duy nhất

Auto Layout mạnh nhất khi nội dung biến đổi.

Tổng kết

MMO không chỉ là phương thức kiếm tiền trên Internet, mà còn là cơ hội mở ra nguồn thu nhập bền vững cho mọi đối tượng. Sàn MMOVN đóng vai trò là nền tảng cung cấp nguyên liệu MMO, tài khoản Facebook – Zalo – TikTok, và các công cụ hỗ trợ marketing đáng tin cậy, giúp người mới dễ dàng bắt đầu, người có kinh nghiệm tối ưu hiệu suất và doanh nghiệp tiết kiệm chi phí vận hành. Xem thêm https://edugamevn.com/forum/ hoặc tại đây.

👉 Truy cập ngay https://edugamevn.com/ để mua bắt đầu với MMO.