11 phím tắt Figma giúp giảm 50% thao tác thừa

Không chỉ cần tư duy sáng tạo, người làm thiết kế còn phải nắm vững khả năng thao tác nhanh, tối ưu từng bước nhỏ nhất để tiết kiệm thời gian và giữ trọn mạch cảm hứng. Công cụ thiết kế giao diện phổ biến Figma đã xây dựng một hệ thống phím tắt cực kỳ mạnh mẽ nhằm hỗ trợ điều này. Nhiều nhà thiết kế có thể dành hàng giờ mỗi ngày tương tác với các layer, thao tác với khung, hiệu chỉnh kích thước, nhập hình ảnh, hoặc chọn màu sắc. Khi những hành động này lặp đi lặp lại hàng chục, thậm chí hàng trăm lần, việc rút ngắn mỗi thao tác chỉ 1–2 giây có thể giúp tiết kiệm hàng chục phút hoặc cả giờ đồng hồ cho toàn bộ dự án.

Bài viết này tổng hợp 11 phím tắt Figma thực sự hữu ích, được sử dụng nhiều bởi những chuyên gia trong ngành. Đây không chỉ là danh sách phím tắt cơ bản mà còn bao gồm những phím tắt ít người biết nhưng mang lại hiệu quả vượt trội, giúp bạn thao tác chính xác, nhanh chóng và mượt mà hơn khi làm UI/UX, thiết kế prototype hoặc làm việc nhóm trên Figma.

1. Chọn công cụ Scale

Đối với nhiều designer, Scale là một trong những công cụ quen thuộc nhưng lại hay bị bỏ quên khi có quá nhiều tùy chọn thay đổi kích thước khác nhau trong Figma. Tuy nhiên, việc sử dụng công cụ Scale đúng cách có thể giúp bạn giữ nguyên tỷ lệ của đối tượng mà vẫn điều chỉnh được kích thước theo ý muốn.

Chỉ với một phím K, bạn có thể ngay lập tức kích hoạt Scale. Khi công cụ được bật, bạn chỉ cần chọn đối tượng mong muốn thay đổi kích thước, sau đó kéo một điểm neo ở góc hoặc cạnh. Figma sẽ tự động giữ đúng tỷ lệ, tránh tình trạng bị méo hoặc mất cân đối, đặc biệt quan trọng đối với icon, logo hoặc các thành phần vector.

Một ưu điểm đáng chú ý nữa là Figma còn cho phép Scale đồng thời cả kích thước vật lý lẫn giá trị bên trong, ví dụ như kích thước stroke, bo góc hoặc shadow. Điều này giúp bạn tránh được tình trạng phải điều chỉnh thủ công từng thuộc tính nhỏ lẻ sau khi đã phóng to hoặc thu nhỏ một nhóm đối tượng.

Khi đã quen với phím K, bạn sẽ nhận ra rằng thay vì phải mở thanh công cụ hoặc chỉnh từng giá trị, bạn chỉ cần một thao tác duy nhất là đã có thể hoàn thành thay đổi mong muốn.

2. Chọn công cụ Frame

Frame là nền tảng của quy trình thiết kế trong Figma. Bất cứ dự án nào, dù là một landing page, một mobile app hay một bộ UI kit, đều được xây dựng dựa trên Frame. Vì vậy, việc truy cập công cụ Frame nhanh chóng là điều gần như hiển nhiên với bất kỳ designer chuyên nghiệp nào.

Phím F sẽ mở ngay công cụ Frame để bạn có thể vẽ khung mới trực tiếp lên canvas. Ngoài việc vẽ thủ công, bạn còn có thể nhập chính xác kích thước mong muốn trong bảng thuộc tính bên phải. Điều này đẩy nhanh quá trình tạo artboard chuẩn cho từng thiết bị, chẳng hạn như iPhone, Web, Android hoặc thậm chí là custom frame cho nội dung đặc thù.

Việc làm việc với Frame cũng giúp quản lý layout một cách khoa học hơn. Figma xem mỗi Frame như một layout độc lập, có thể chứa các đối tượng con, giúp designer dễ dàng nhóm, di chuyển, quản lý hoặc xuất file. Khi thao tác thường xuyên với Frame, phím F trở thành một trong những phím tắt bạn sẽ dùng nhiều nhất trong suốt quá trình làm UI/UX.

3. Chuyển đổi giữa chế độ Design và Prototype

Shift + E

Đối với những dự án có phần tương tác, việc chuyển qua lại giữa Design và Prototype là việc diễn ra liên tục. Bạn có thể tạo một giao diện mới, rồi lập tức chuyển sang Prototype để kiểm tra flow hoạt động. Vì vậy, phím tắt này sẽ giúp bạn tiết kiệm cực nhiều thời gian.

Cách đơn giản nhất là Shift + E, cho phép chuyển đổi giữa hai chế độ bất kể bạn đang ở chế độ nào. Figma lập tức thay đổi giao diện bảng điều khiển để bạn tiếp tục công việc mà không cần di chuyển chuột lên phần tab trên cùng.

Ngoài ra, Figma còn cung cấp hai tổ hợp phím khác nếu bạn muốn chuyển đúng hướng cụ thể:

• Alt/Option + 8 để đi từ Prototype về Design.

• Alt/Option + 9 để đi từ Design sang Prototype.

Mặc dù Shift + E tiện dụng hơn, nhưng việc biết thêm các tổ hợp phím này giúp bạn linh hoạt hơn, đặc biệt khi làm việc với tablet hoặc bàn phím có layout khác biệt.

Mua Phần Mềm Bản Quyền Chính Hãng Giá Rẻ

4. Chọn phần tử trong cùng bằng một cú nhấp chuột

Cmd/Ctrl + Click

Trong một bản thiết kế phức tạp, bạn sẽ gặp những tình huống có hàng chục layer chồng lên nhau. Nếu phải nhấp chuột liên tục để đi xuống từng lớp một, bạn sẽ mất rất nhiều thời gian và còn dễ chọn nhầm layer.

Figma hỗ trợ bạn Cmd (Mac) hoặc Ctrl (Windows) + Click để bỏ qua các layer phía trên và nhấp thẳng vào phần tử sâu nhất tại vị trí đó. Đây là phím tắt cực kỳ quan trọng, đặc biệt khi bạn làm việc với hình ảnh, các đường dẫn vector hoặc các nhóm đối tượng lồng nhau.

Bạn không còn phải mở panel layer để tìm từng tên layer dài dòng hoặc bấm liên tục cho đến khi xuống được đúng đối tượng. Thay vào đó, chỉ cần giữ Cmd/Ctrl và nhấp chuột, bạn sẽ tiếp cận trực tiếp phần tử mong muốn.

5. Di chuyển lên một cấp layer sau khi chọn phần tử sâu nhất

Shift + Enter

Ngược lại với tình huống trên, đôi khi bạn đã đi xuống được layer sâu nhất nhưng lại muốn quay trở lại layer cha ngay phía trên. Trong trường hợp đó, Shift + Enter là phím tắt hoàn hảo.

Sau khi đã chọn phần tử trong cùng bằng Cmd/Ctrl + Click, bạn chỉ cần nhấn Shift + Enter để di chuyển lên một cấp. Hành động này có thể thực hiện nhiều lần cho đến khi bạn lên đến đúng đối tượng mong muốn.

Tổ hợp này rất hữu ích trong các UI phức tạp như card, component lồng nhau hoặc khi bạn xử lý icon SVG được nhóm nhiều đường path bên trong.

6. Thu gọn tất cả layer

Alt/Option + L

Nhiều designer thường gặp tình trạng bảng layer trở nên quá dài và khó kiểm soát sau khi đã làm việc một thời gian. Khi mọi nhóm hoặc frame đều đang mở, bạn khó thể nhìn được cấu trúc tổng thể của thiết kế.

Lúc này, Alt + L trên Windows hoặc Option + L trên Mac sẽ giúp bạn thu gọn toàn bộ layer chỉ với một thao tác. Điều này giúp bảng điều khiển trở nên gọn gàng, dễ định hướng hơn.

Nếu bạn có một đối tượng đang được chọn, Figma sẽ giữ nhóm chứa đối tượng đó ở trạng thái mở để bạn không mất ngữ cảnh. Muốn thu gọn toàn bộ một cách tuyệt đối, bạn chỉ cần click ra ngoài bảng vẽ để bỏ chọn rồi nhấn phím tắt một lần nữa.

7. Hiển thị hoặc ẩn lưới bố cục

Lưới bố cục đóng vai trò quan trọng trong việc căn chỉnh và xây dựng bố cục chính xác. Tuy nhiên, có những thời điểm bạn muốn tập trung vào hình ảnh hoặc kiểu chữ mà không bị lưới làm rối mắt.

Figma cho phép bật tắt lưới nhanh chóng bằng phím tắt:

• Mac: Ctrl + G

• Windows: Ctrl + Shift + 4

Sự khác nhau này đôi lúc khiến designer mới hơi lúng túng, nhưng chỉ cần sử dụng vài lần, bạn sẽ nhớ ngay. Khi được bật, lưới sẽ hiển thị tùy theo từng Frame. Khi tắt, không ảnh hưởng đến thiết lập bên trong, bạn chỉ thay đổi khả năng hiển thị để tập trung tốt hơn vào thiết kế.

8. Đặt nhiều ảnh cùng lúc

Cmd/Ctrl + Shift + K

Nếu bạn đang thiết kế một layout chứa nhiều hình ảnh—ví dụ như gallery, profile list hoặc mockup trình bày—việc import từng hình một sẽ tốn nhiều thời gian.

Figma hỗ trợ Cmd + Shift + K (Mac) hoặc Ctrl + Shift + K (Windows) để mở hộp thoại chọn hình và cho phép bạn đặt nhiều ảnh cùng lúc. Khi đã chọn hình, bạn chỉ cần click vào từng placeholder hoặc bất kỳ vùng trống nào để Figma tự phân phối từng ảnh theo thứ tự.

Đây là phím tắt cực kỳ giá trị khi:

• Làm wireframe có sẵn placeholder.

• Thay ảnh trong template.

• Mockup sản phẩm với nhiều hình.

• Làm presentation layout trong Figma.

Chỉ cần vài thao tác, bạn có thể import hàng chục ảnh mà không hề bị ngắt nhịp thiết kế.

9. Sao chép hình ảnh dưới dạng PNG

Cmd/Ctrl + Shift + C

Nhiều designer thường cần xuất hình ảnh nhanh để gửi khách hàng, đưa vào slide hoặc sử dụng ngoài Figma. Thay vì export thủ công, bạn có thể sao chép trực tiếp hình ảnh dưới dạng PNG bằng:

• Cmd + Shift + C trên Mac

• Ctrl + Shift + C trên Windows

Không cần quan tâm định dạng ảnh gốc là JPG, SVG hay WebP, Figma sẽ chuyển đổi thành PNG ngay lập tức. Sau đó bạn có thể dán trực tiếp vào email, PowerPoint, tài liệu hướng dẫn hoặc bất kỳ nơi nào cần sử dụng.

Tính năng này đặc biệt hữu ích đối với designer làm việc trong môi trường marketing hoặc phải báo cáo nhiều lần mỗi ngày.

10. Chọn màu từ bất kỳ đâu

Eyedrop: Cmd + C (Mac) hoặc Ctrl + I (Windows)

Eyedrop là công cụ thiết yếu để giữ tính nhất quán màu sắc trong toàn bộ thiết kế. Figma cho phép bạn gọi Eyedrop bằng phím tắt nhanh:

• Mac: Cmd + C

• Windows: Ctrl + I

Sau khi kích hoạt, bạn chỉ cần di chuyển con trỏ để lấy màu từ bất kỳ vị trí nào, bao gồm cả hình ảnh bitmap, vector hoặc có khi là màu nền trong frame khác.

Nhờ Eyedrop, bạn có thể nhanh chóng đồng bộ màu sắc, làm việc với brand guideline hoặc lấy màu từ hình ảnh tham chiếu. Việc này giúp bạn không cần mở Color Picker thủ công hoặc nhập mã hex một cách chậm chạp.

11. Mở tab Resources

Shift + I

Tab Resources tập trung các thành phần quan trọng bao gồm Components, Plugins và Widgets. Đây là nơi bạn sẽ truy cập rất thường xuyên khi xây dựng thư viện thiết kế hoặc cần cài plugin mới.

Phím tắt Shift + I giúp mở Resources ngay lập tức mà không cần di chuyển chuột lên thanh menu.

Khi quen với phím tắt này, bạn sẽ thao tác nhanh hơn nhiều khi:

• Gọi component trong Design System

• Chèn icon từ Material hoặc Feather

• Bật plugin như Autoflow, Remove BG, Lorem Ipsum

• Tìm widget phục vụ cho phần Prototype

Việc làm chủ Figma không chỉ đến từ việc hiểu công cụ mà còn từ cách bạn tối ưu hóa quá trình làm việc. Những phím tắt trên tuy đơn giản nhưng mang lại hiệu quả vượt trội khi sử dụng thường xuyên. Mỗi giây bạn tiết kiệm được sẽ cộng dồn thành hàng phút, thậm chí hàng giờ, giúp bạn giữ mạch sáng tạo không bị gián đoạn và đạt được hiệu suất cao hơn trong công việc.

Công Ty TNHH Phần Mềm SADESIGN

Mã số thuế: 0110083217

 

Liên Hệ Zalo

Liên Hệ Hotline

Liên Hệ Facebook