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

Bộ ảnh nền background Tết 2022 - Nhâm Dần

Bộ ảnh nền background Tết 2022 - Nhâm Dần

Xuân đã đến với mọi nhà. Những ngày giáp Tết đầy tất bật cuốn mọi người hối hả. Một năm 2021 đầy dịch bệnh, chết chóc và những tang thương, cùng những…

Tìm hiểu về cách sử dụng Figma

Tìm hiểu về cách sử dụng Figma

Figma là một ứng dụng thiết kế giao diện chạy trong trình duyệt — nhưng nó thực sự còn nhiều hơn thế nữa. Tôi muốn nói rằng nó có lẽ là ứng…

Công cụ lập kế hoạch từ khóa của Google -  phần 2

Công cụ lập kế hoạch từ khóa của Google - phần 2

Giả sử bạn vừa tung ra một dòng áo thun màu xanh lam mới. Trong trường hợp đó, bạn muốn đảm bảo từ khóa “áo thun xanh” xuất hiện trong tất cả…

Lý thuyết màu sắc cho nhà thiết kế - Phần 7

Lý thuyết màu sắc cho nhà thiết kế - Phần 7

Màu nâu được kết hợp với đất, gỗ và đá. Đó là một màu hoàn toàn tự nhiên và một màu trung tính ấm áp. Màu nâu có thể được liên kết…

Lựa chọn UI và UX, bạn chọn cái nào ?

Lựa chọn UI và UX, bạn chọn cái nào ?

Mặc dù thiết kế UX và UI luôn song hành với nhau, nhưng bạn không cần phải là người thành thạo cả hai. Vậy con đường sự nghiệp nào phù hợp nhất…

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…

  MENU