Mở một tệp Figma mới và tạo một cái gì đó như
Như bạn có thể đoán được. Đây là 3 hình khác nhau, không có gì bất thường ở đây.
Nhưng nếu bạn cố gắng căn giữa chúng, bạn sẽ thấy chúng chồng lên nhau. Điều này là do Figma vẫn đang xử lý từng thành phần riêng biệt, không phải là một thành phần duy nhất.
Bây giờ, hãy Group chúng lại như sau:
Bạn sẽ sớm nhận thấy rằng bây giờ chúng xuất hiện như thế này ở Frame bên trái:
Một số lợi ích của việc Group lại là:
- Di chuyển chúng lại với nhau
- Thay đổi chúng cùng nhau
- Đặt chúng lại với nhau
Thay đổi kích thước
Ngay khi bạn cố gắng thay đổi kích thước của một Group, điều gì đó kỳ lạ sẽ xảy ra.
Có vẻ như chúng không phản hồi.
Trong khi nếu bạn làm điều đó trong một Frame, bạn sẽ có nhiều không gian hơn để thử nghiệm. Ngay cả khi một số mục bị tràn ra ngoài.
Tự động bố trí
Khi bạn sử dụng bố cục tự động (auto layour).
Chúng biến thành những Frame hình ôm sát cả về chiều rộng lẫn chiều cao.
Khi nào sử dụng Group và Frame
Sử dụng Group khi:
- Bạn chỉ cần Group các thành phần lại với nhau để dễ lựa chọn và thao tác hơn.
- Bạn không cần các tính năng bố cục nâng cao hoặc khả năng thiết kế đáp ứng.
Sử dụng Frame khi:
- Bạn muốn tạo các bố cục phức tạp bằng tính năng bố cục tự động.
- Bạn cần thiết kế các thành phần phản hồi thích ứng với nhiều kích thước màn hình khác nhau.
- Bạn muốn tạo các thành phần có thể tái sử dụng.
Về bản chất:
- Group dùng để tổ chức cơ bản.
- Frame dùng để tổ chức, bố trí và tạo thành phần nâng cao.
