Các Phím Tắt của Figma Trong Thiết Kế

Các Phím Tắt của Figma Trong Thiết Kế
12/11/2024 04:52 PM 126 Lượt xem

    Trong công cụ thiết kế Figma, việc sử dụng các phím tắt (shortcuts) không chỉ giúp nhà thiết kế tiết kiệm thời gian mà còn tăng hiệu quả công việc và sự mượt mà trong thao tác. Figma cung cấp một loạt phím tắt đa dạng, từ các chức năng cơ bản như sao chép, dán, xóa, đến các tính năng nâng cao giúp tổ chức bố cục và quản lý dự án một cách chuyên nghiệp. Bài viết này sẽ đi sâu vào các phím tắt phổ biến và quan trọng trong Figma mà mọi nhà thiết kế nên biết.

    1.Các Phím Tắt Cơ Bản Cho Thao Tác Chỉnh Sửa

    Phím tắt cơ bản Figma

     

    Những phím tắt cơ bản giúp nhà thiết kế thực hiện các thao tác đơn giản và nhanh chóng, đặc biệt hữu ích khi cần sao chép, di chuyển hoặc chọn nhiều thành phần.

    Sao chép và dán:

    • Ctrl + C và Ctrl + V trên Windows hoặc Cmd + C và Cmd + V trên macOS là các phím tắt để sao chép và dán đối tượng.
    • Sao chép kiểu: Alt + Ctrl + C trên Windows hoặc Option + Cmd + C trên macOS để sao chép kiểu của một đối tượng, sau đó Alt + Ctrl + V hoặc Option + Cmd + V để dán kiểu đã sao chép sang đối tượng khác.
    • Sao chép nhanh đối tượng: Chỉ cần giữ Alt hoặc Option và kéo đối tượng đến vị trí mới.

    Xóa:

    • Delete để xóa nhanh đối tượng hoặc nhóm đối tượng đã chọn.

    Lùi lại thao tác (Undo):

    • Ctrl + Z trên Windows hoặc Cmd + Z trên macOS để hoàn tác, giúp quay lại thao tác vừa thực hiện.

    Chọn tất cả (Select All):

    • Ctrl + A trên Windows hoặc Cmd + A trên macOS để chọn toàn bộ các đối tượng trong trang thiết kế hiện tại.

    2. Phím Tắt Tạo và Điều Chỉnh Đối Tượng

    Trong thiết kế giao diện, việc tạo và điều chỉnh các đối tượng như hình chữ nhật, đường thẳng hay khung hình là công việc thường xuyên. Figma có các phím tắt giúp tối ưu các thao tác này.

    Tạo đối tượng hình học:

    • Hình chữ nhật: R để tạo hình chữ nhật mới.
    • Đường tròn (Ellipse): O để vẽ hình tròn hoặc elip.
    • Đường thẳng (Line): L để tạo đường thẳng.
    • Khung (Frame): F để tạo khung, đây là công cụ cơ bản trong tổ chức bố cục các thành phần trong Figma.

    Nhóm và Bỏ nhóm:

    • Ctrl + G hoặc Cmd + G để nhóm các đối tượng, giúp quản lý dễ dàng hơn.
    • Ctrl + Shift + G hoặc Cmd + Shift + G để bỏ nhóm.

    Căn chỉnh đối tượng (Align):

          - Các phím tắt căn chỉnh giúp căn các đối tượng đã chọn theo các chiều khác nhau:

    • Căn trái: Alt + A hoặc Option + A.
    • Căn phải: Alt + D hoặc Option + D.
    • Căn giữa dọc: Alt + H hoặc Option + H.
    • Căn giữa ngang: Alt + V hoặc Option + V.

    Phím Tắt Thay Đổi Kích Thước Đối Tượng:

    • Giữ Shift để thay đổi kích thước một cách tỷ lệ.
    • Giữ Alt để thay đổi kích thước đối xứng từ tâm.

    3. Phím Tắt Quản Lý Layers (Lớp)

    Việc quản lý Layers trong Figma rất quan trọng, nhất là khi dự án thiết kế website phức tạp với nhiều thành phần. Các phím tắt sau giúp điều hướng, chỉnh sửa và sắp xếp layers nhanh chóng.

    Phím tắt layer trong Figma

     

    1. Mở bảng Layers: Alt + 1 hoặc Option + 1 để hiển thị và ẩn bảng Layers.
    2. Chọn các Layer con (Drill down layers): Sử dụng Enter để chọn layer trong một khung mà không cần rời khỏi bố cục tổng thể.
    3. Khóa Layer: Ctrl + Shift + L hoặc Cmd + Shift + L để khóa Layer, tránh việc chỉnh sửa ngoài ý muốn.
    4. Ẩn Layer: Ctrl + Shift + H hoặc Cmd + Shift + H để ẩn Layer.

    4. Phím Tắt Auto Layout và Kích Hoạt Ruler/Grid

    Auto Layout là tính năng mạnh mẽ của Figma giúp tổ chức các thành phần giao diện một cách thông minh. Kết hợp với lưới và thước đo, các phím tắt này giúp bạn nhanh chóng thiết lập các tiêu chuẩn cho bố cục.

    Phím tắt tự động figma

     

    1. Thêm Auto Layout: Shift + A để thêm Auto Layout cho một nhóm hoặc khung.
    2. Bật/tắt Grid (Lưới): Ctrl + Shift + G hoặc Cmd + Shift + G để hiển thị hoặc ẩn lưới.
    3. Bật/tắt Ruler (Thước đo): Shift + R để bật hoặc tắt thước đo trên canvas.

    Auto Layout và Grid hỗ trợ việc sắp xếp các thành phần đồng đều, tạo nên một giao diện nhất quán và dễ nhìn. Đặc biệt là trong thiết kế website, điều này giúp đảm bảo các yếu tố trên màn hình được sắp xếp hợp lý, giúp người dùng dễ dàng tương tác.

    5. Phím Tắt Prototyping (Tạo mẫu)

    Figma không chỉ dừng lại ở việc thiết kế giao diện tĩnh mà còn cho phép tạo mẫu trực quan (Prototype). Các phím tắt này giúp nhà thiết kế điều hướng và kết nối các khung hình, tạo ra một trải nghiệm người dùng dễ dàng và nhanh chóng.

    1. Tạo đường liên kết (Connection): Kéo một đường từ một thành phần hoặc khung để tạo liên kết. Khi chọn một khung, nhấn P để tạo các đường liên kết với các khung khác.
    2. Xem trước Prototype: Ctrl + P hoặc Cmd + P để xem trước mẫu thiết kế tương tác ngay trong Figma.
    3. Chuyển đổi giữa Chế độ Thiết kế và Prototype: Shift + E để dễ dàng chuyển đổi qua lại giữa hai chế độ.

    6. Phím Tắt Điều Hướng và Xem Lại Thiết Kế

    Điều hướng và phóng to/thu nhỏ là thao tác thường xuyên của nhà thiết kế. Các phím tắt dưới đây giúp dễ dàng di chuyển trong giao diện Figma mà không cần sử dụng chuột quá nhiều.

    Zoom in và Zoom out:

    • Ctrl + + hoặc Cmd + + để phóng to.
    • Ctrl + - hoặc Cmd + - để thu nhỏ.

    Zoom to fit: Shift + 1 để phóng toàn bộ khung thiết kế vào màn hình.

    Zoom 100%: Shift + 0 để quay về mức phóng mặc định 100%.

    Di chuyển nhanh giữa các trang:

    • Ctrl + Tab hoặc Cmd + Tab để chuyển qua lại giữa các tab thiết kế đang mở.

    7. Phím Tắt Cải Thiện Năng Suất

    Figma còn hỗ trợ các phím tắt để thực hiện nhanh các tác vụ thường xuyên mà không cần mở menu.

    Phím tắt cải thiện năng suất Figma

     

    1. Copy Style (Sao chép kiểu): Alt + Ctrl + C hoặc Option + Cmd + C, sau đó Alt + Ctrl + V hoặc Option + Cmd + V để dán kiểu.
    2. Find/Replace (Tìm kiếm và Thay thế): Ctrl + F hoặc Cmd + F để tìm kiếm văn bản hoặc thành phần trong dự án.
    3. Preferences: Ctrl + Shift + hoặc Cmd + Shift + để mở nhanh cửa sổ tùy chỉnh thiết lập.

    8. Tùy chỉnh phím tắt và khám phá thêm

    Ngoài những phím tắt chính trên, Figma còn cho phép người dùng tùy chỉnh một số phím tắt theo nhu cầu cá nhân. Hơn nữa, nhà thiết kế có thể nhấn Ctrl + ? hoặc Cmd + ? để mở bảng trợ giúp, nơi cung cấp danh sách đầy đủ các phím tắt sẵn có.

    Đội ngũ thiết kế của CÔNG TY CỔ PHẦN GIẢI PHÁP MITA đang áp dụng Figma để thiết kế Web và App. Nếu bạn đang tìm kiếm đơn vị, hãy liên hệ CÔNG TY TNHH THƯƠNG MẠI VÀ DỊCH VỤ MITA.

    Hãy để MITAbiến tầm nhìn của bạn thành hiện thực với một trang web độc đáo, hiệu quả, và bắt kịp xu hướng công nghệ. Liên hệ với chúng tôi ngay hôm nay để bắt đầu hành trình số hóa thương hiệu của bạn!

    Thông Tin Liên Hệ:

    CÔNG TY CỔ PHẦN GIẢI PHÁP MITA

    Địa chỉ: Số 95 Đường B30 KDC 91B, P. An Khánh, Q. Ninh Kiều, TP. Cần Thơ

    Email: info@mitacorp.vn

    Hotline: 0906318798

    Website: https://mitacorp.vn