Layers panel là gì?
Còn gọi: bảng lớp trong Figma
Layers panel là bảng ở cạnh trái giao diện Figma liệt kê mọi page, frame, group, component và đối tượng theo cấu trúc lồng nhau, dùng để chọn, đặt tên, sắp xếp, ẩn hoặc khoá lớp.
Hiểu kỹ hơn
Thứ tự trong bảng lớp chính là thứ tự chồng lớp: lớp nằm trên trong danh sách hiển thị đè lên lớp bên dưới, trừ khi frame dùng auto layout, khi đó thứ tự còn quyết định vị trí sắp xếp. Biểu tượng bên cạnh tên cho biết loại lớp: frame, group, component, instance, chữ, ảnh. Thao tác thường dùng: nhấp đúp để đổi tên hoặc chọn lớp rồi nhấn Ctrl/Cmd+R, Ctrl/Cmd+Shift+H để ẩn hiện, Ctrl/Cmd+Shift+L để khoá, Ctrl/Cmd+G để nhóm, kéo thả để đổi thứ tự hoặc đưa vào frame khác. Đặt tên lớp rõ ràng như Header, Avatar, Button/Primary giúp lập trình viên hiểu cấu trúc khi xem Dev Mode và giúp Smart animate khớp lớp giữa hai màn hình. Ví dụ: một màn hình đặt tên chuẩn sẽ có cây lớp đọc như dàn ý của giao diện. Lỗi thường gặp là để nguyên tên mặc định Rectangle 247, Frame 1032, Group 18, khiến file gần như không thể bàn giao.
