Mẹo về bảng điều khiển lớp Figma

Mẹo về bảng điều khiển lớp Figma


Figma đang nhanh chóng trở thành công cụ tạo mẫu và thiết kế của ngành công nghiệp web được lựa chọn, thậm chí còn hơn cả Adobe XD và Sketch. Đây là bài đầu tiên trong chuỗi mười ba bài đăng, mỗi bài là một bộ sưu tập nhỏ các mẹo và thủ thuật của Figma để giúp bạn tìm hiểu một số điều cụ thể. Vì vậy, hãy bắt đầu với một số mẹo để tăng tốc làm việc với bảng điều khiển lớp.

1. Nhóm lớp tự động xóa khi trống
Trong nhiều ứng dụng thiết kế, bằng cách xóa các lớp con (hoặc lớp con), lớp cha chính sẽ vẫn còn nguyên vẹn. Tuy nhiên, trong Figma, bằng cách chọn và xóa tất cả các lớp con, lớp cha cũng bị xóa, giúp giữ mọi thứ đẹp và gọn gàng.

Thiết kế với Figma - hình 1

 

2. Mở khóa hoặc ẩn tất cả các đối tượng
Bạn có thể mở khóa hoặc hiện tất cả các đối tượng cùng một lúc bằng cách nhập CMD + / hoặc CTRL + / (tùy thuộc vào nền tảng của bạn). Nhập (ví dụ) “mở khóa” vào hộp bật lên và chọn lệnh bạn muốn thực hiện.

 

Thiết kế Figma - hình 2

 

3. Đổi tên lớp siêu nhanh
Khi đổi tên các lớp, bạn có thể nhấn TAB để chuyển nhanh sang lớp tiếp theo. Nhấn SHIFT + TAB sẽ đưa bạn sao lưu danh sách, đổi tên khi bạn tiếp tục.

 

Thiết kế với Figma - hình 3

 

4. Thu gọn và Mở rộng Nhiều Lớp
Để mở rộng nhiều lớp cùng một lúc, hãy bắt đầu bằng cách chọn các lớp bạn muốn trong bảng điều khiển lớp ở bên trái. Nhấn giữ CMD hoặc CTRL tùy thuộc vào nền tảng của bạn, sau đó nhấn bất kỳ một trong các mũi tên mở rộng nhỏ mà bạn thấy ở bên trái tên lớp. Điều này sẽ mở ra hoàn toàn mọi thứ trong tất cả các lớp đã chọn đó.

Để thu gọn mọi thứ một lần nữa, đó là quy trình ngược lại.

 

Thiết kế với Figma - hình 4

 

5. Nhanh chóng chuyển đổi chế độ hiển thị và khóa
Để nhanh chóng khóa toàn bộ nhiều lớp trong Figma, chỉ cần nhấp vào biểu tượng “khóa” của lớp và kéo xuống cho đến khi bạn khóa tất cả những gì bạn cần (điều này cũng áp dụng ngược lại cho việc mở khóa các lớp). Để ẩn hoặc hiện các lớp có thể sử dụng phương pháp tương tự, nhưng bằng cách nhấp và kéo vào biểu tượng “con mắt”.

 

Thiết kế với Figma

Tin tức khác

Tại sao SEO cần đầu tư nhiều vào nội dung

Tại sao SEO cần đầu tư nhiều vào nội dung

Nội dung dài thường có thể bị lu mờ bởi các hình thức thực hiện khác có thể “sáng bóng” hơn hoặc hấp dẫn hơn về mặt hình ảnh. Chúng tôi thấy…

13 điều nằm lòng gia tăng hiệu quả landing page năm 2021

13 điều nằm lòng gia tăng hiệu quả landing page năm 2021

Bạn có thể sử dụng các từ khóa có liên quan đến sản phẩm và ngành của bạn, đặc biệt nếu nó sẽ giúp khách truy cập tìm thấy bạn thông qua các…

Các cách thức tối ưu hóa tốc độ website

Các cách thức tối ưu hóa tốc độ website

Các trang web hiệu suất cao dẫn đến lượt truy cập trở lại cao, tỷ lệ thoát thấp, chuyển đổi cao hơn, mức độ tương tác cao hơn, xếp hạng cao hơn…

Sự khác nhau giữa UI và UX

Sự khác nhau giữa UI và UX

Liên quan đến các trang web và ứng dụng, thiết kế giao diện người dùng xem xét giao diện, cảm giác và khả năng tương tác của sản phẩm. Tất cả là…

Phối hợp UI và UX nâng cao trải nghiệm của người dùng

Phối hợp UI và UX nâng cao trải nghiệm của người dùng

Như bạn có thể thấy, UX và UI luôn song hành với nhau và trong khi có hàng triệu ví dụ về các sản phẩm tuyệt vời với cái này chứ không…

Cách chúng tôi cải thiện số lượt chuyển đổi lên 79,3% - Phần 2

Cách chúng tôi cải thiện số lượt chuyển đổi lên 79,3% - Phần 2

Chúng tôi không muốn thay đổi bố cục đáng kể. Chúng tôi muốn tách các vấn đề của người dùng một cách hiệu quả hơn. Bản đồ nhiệt và video phát lại…

  MENU