Cách sử dụng các thành phần trong Figma

Trong vài năm gần đây, Figma đã nhanh chóng trở nên nổi tiếng và không có gì lạ. Phần mềm dựa trên đám mây sử dụng miễn phí có thể dễ dàng truy cập trên tất cả các thiết bị và không yêu cầu bất kỳ cài đặt hoặc tải xuống nào. Từ thiết kế giao diện ứng dụng dành cho thiết bị di động đến sản xuất các bài đăng trên mạng xã hội, với Figma, bạn có thể thử nghiệm với tất cả các loại tính năng thiết kế đồ họa và mở rộng kỹ năng của mình.

Để có sự nhất quán hơn nữa trong các thiết kế của bạn, bạn có thể cân nhắc sử dụng các thành phần trong công việc của mình. Thành phần là các phần tử giao diện người dùng (UI) có thể được sử dụng trên nhiều tệp trên Figma. Đây thường có thể là một bổ sung mạnh mẽ cho các thiết kế của bạn và nâng cao chất lượng tổng thể của chúng.

Cho dù bạn là người mới sử dụng Figma hay đã sử dụng nó một thời gian và không chắc chắn về cách sử dụng thành công các thành phần, chúng tôi luôn sẵn sàng trợ giúp.

Trong bài viết này, chúng ta sẽ khám phá cách sử dụng các thành phần Figma và cách điều này có thể giúp bạn nâng cao công việc của mình.

Nếu bạn muốn tìm hiểu thêm, hãy tiếp tục đọc.

Cách sử dụng các thành phần trong Figma

Nắm vững việc sử dụng các thành phần có thể giúp bạn tổ chức và nhất quán khi vận hành Figma. Các yếu tố giao diện người dùng này có thể được sử dụng lặp đi lặp lại trong các dự án thiết kế khác nhau mà bạn có thể đang thực hiện. Một thành phần có thể được tạo trong một biểu tượng, nút và nhiều thứ khác, tùy thuộc vào dự án của bạn.

Điều tuyệt vời khi giới thiệu các thành phần cho trải nghiệm Figma của bạn là nó giúp bạn tiết kiệm rất nhiều thời gian. Bất kỳ thay đổi nào bạn có thể thực hiện đối với một thành phần sẽ tự động được cập nhật trên các thành phần khác. Điều này có thể đặc biệt hữu ích nếu bạn có một khung thời gian eo hẹp hoặc cộng tác với các nhà thiết kế khác và muốn tăng tốc quy trình làm việc của mình.

Bắt đầu, bạn sẽ nhận thấy rằng có hai thanh bên ở mỗi bên của canvas chính mà bạn đang sử dụng. Bạn có thể sử dụng các công cụ từ một trong hai thanh bên này để thực hiện các chỉnh sửa đối với dự án của mình.

Thanh bên ở phía bên tay phải cho phép bạn truy cập vào bất kỳ cài đặt nguyên mẫu nào và cho phép bạn điều chỉnh hoặc chỉnh sửa bất kỳ thuộc tính nào của các thành phần của mình. Tuy nhiên, thanh bên ở bên trái hiển thị cho bạn các lớp, nội dung và trang được sử dụng trong dự án của bạn. Đây được gọi là Bảng điều khiển Lớp.

Các thành phần nên được giới thiệu vào công việc của bạn từ khá sớm. Chúng giúp bạn duy trì tính nhất quán trong các thiết kế của mình và cho phép bạn đẩy nhanh tốc độ thực hiện các thay đổi trong các dự án của mình. Có hai yếu tố chính của một thành phần:

Thành phần Chính (hoặc Chính) (biểu tượng bốn viên kim cương)
Thành phần phiên bản (biểu tượng kim cương đơn)

Thành phần chính

Trước bất kỳ thứ gì khác, trước tiên bạn phải tạo Thành phần chính. Để thực hiện việc này, hãy làm theo các bước bên dưới:

Nhấp chuột phải vào lớp, nhóm hoặc khung của bạn.
Chọn Tạo thành phần.
Ở phía bên trái của màn hình, bạn sẽ thấy menu thả xuống có nội dung Thành phần. Bấm vào cái này.
Từ đây, bạn sẽ nhận thấy một menu nơi bạn có thể thực hiện các thay đổi đối với thành phần của mình và thiết kế lại kiểu trên các dự án.

Một cách khác để tạo Thành phần chính là sử dụng các phím tắt:

Tùy chọn + Command + K cho Mac
Ctrl + Alt + K dành cho Windows

Tất nhiên, phương pháp này chỉ hoạt động nếu bạn đang sử dụng Figma trên PC.

Thành phần tức thì

Thành phần tức thì là bản sao của Thành phần chính của bạn. Khi Thành phần chính được chỉnh sửa theo bất kỳ cách nào, Phiên bản sẽ tự động được cập nhật để phù hợp với bất kỳ thay đổi nào được thực hiện. Nếu bạn đang xây dựng một trang web, công cụ này có thể đặc biệt hữu ích và giúp bạn tiết kiệm rất nhiều thời gian. Ví dụ: sẽ là những ngày phải đi vào tất cả các thành phần của bạn theo cách thủ công để lặp lại các chỉnh sửa tương tự. Thay vào đó, Figma thay đổi tất cả cho bạn.

Có thể đến lúc bạn đã tạo nhiều Phiên bản và muốn quay lại Thành phần chính của mình để bạn có thể thực hiện thay đổi nhanh chóng cho tất cả các thành phần của mình. Để truy cập Thành phần chính của bạn, hãy làm như sau:

Nhấp chuột phải vào bất kỳ Phiên bản nào.
Nhấp vào Đi tới Thành phần Chính.
Thành phần Chính sẽ xuất hiện trong thanh bên ở phía bên trái.

Trong khi việc chế tạo các thành phần tại một thời điểm tương đối đơn giản; bạn có thể tăng tốc mọi thứ bằng cách sản xuất hàng loạt. Để làm điều này, hãy làm theo các bước sau:

cách cài đặt java trên chromebook

Từ Bảng điều khiển Lớp của bạn, hãy chọn các lớp mà bạn muốn tạo các thành phần.
Nhấp vào biểu tượng mũi tên hướng xuống nằm bên cạnh biểu tượng Thành phần Chính trong Bảng điều khiển Lớp.
Chọn Tạo nhiều thành phần từ các tùy chọn có sẵn.
Từ đó, Figma sẽ tạo một thành phần cho mỗi lớp khung.

Câu hỏi thường gặp bổ sung

Làm cách nào để ghi đè hoặc tách một phiên bản?

Có thể đôi khi bạn muốn thực hiện thay đổi đối với các thuộc tính của Phiên bản cụ thể mà không thay đổi tất cả các thuộc tính khác. Bạn có thể thực hiện các biến thể của các thành phần khác nhau. Trong Figma, điều này được gọi là ghi đè.

Sau khi bạn ghi đè một Phiên bản, bất kỳ thay đổi nào được thực hiện trong Thành phần chính sẽ không ảnh hưởng đến nó. Để thực hiện việc này, hãy xem các bước bên dưới:

1. Nhấp vào Thành phần Phiên bản của bạn.

2. Từ bảng Thuộc tính ở bên phải màn hình, hãy chọn Thành phần.

3. Từ menu thả xuống xuất hiện, chọn Detach Instance.

Nếu bạn muốn xóa ghi đè, hãy chọn thành phần, sau đó chọn Đặt lại phiên bản từ thanh giữa trên cùng trên màn hình của bạn.

Tôi phải làm gì nếu vô tình xóa thành phần chính của mình?

Khi bạn dành cả ngày để chỉnh sửa nội dung, đôi khi bạn có thể vô tình trượt và xóa một thứ quan trọng, chẳng hạn như Thành phần chính của bạn. Đừng sợ, vì việc khôi phục nó dễ dàng như 1-2-3. Chỉ cần làm theo các bước cơ bản sau để lấy lại Thành phần chính bị thiếu đó:

1. Chuyển đến một trong các Phiên bản của thành phần.

2. Trong bảng Thuộc tính ở bên phải màn hình, chọn Khôi phục Thành phần Chính.

3. Thành phần Chính sẽ xuất hiện ngay lập tức.

Làm cách nào để thêm mô tả cho các thành phần của tôi?

Khi tạo các thành phần của bạn, việc thêm mô tả và liên kết tài liệu vào từng thành phần có thể giúp bạn điều hướng dự án của mình tốt hơn. Nó cũng rất hữu ích cho bất kỳ cộng tác viên nào mà bạn có thể đang làm việc có quyền truy cập vào các ghi chú bổ sung. Để thêm mô tả, hãy chuyển đến bảng Thuộc tính ở phía bên phải của trang và chọn Thêm mô tả.

Sau khi bạn đã làm điều đó, bất kỳ người xem bên ngoài nào cũng có thể truy cập thông tin này bằng cách chuyển đến Bảng kiểm tra ở thanh bên bên phải.

Làm cách nào để nhập các thành phần vào Figma?

Bạn có thể nhập tất cả các loại tệp vào một thành phần Figma. Cách dễ nhất để làm như vậy là từ máy tính để bàn của bạn. Chỉ cần làm theo các bước sau:

1. Trong Figma, mở trang mà bạn muốn nhập tệp.

2. Từ các tệp của bạn, hãy chọn tệp cụ thể mà bạn muốn sử dụng.

3. Kéo và thả tệp đã chọn vào trang Figma của bạn.

4. Khi bạn hoàn thành việc này, hãy nhấp vào Xong.

Con đường thành công

Figma là một công cụ tuyệt vời để sử dụng cho dù bạn là người mới thiết kế hay đã tham gia trò chơi nhiều năm. Phần mềm cung cấp một hệ thống chỉnh sửa thân thiện với người mới bắt đầu, nơi các nhà thiết kế có thể tạo nội dung từ đầu hoặc sử dụng sự trợ giúp của mẫu nếu cần.

Hiểu cách sử dụng thành công các thành phần trên Figma có thể giúp bạn tiết kiệm rất nhiều thời gian khi tiến hành một dự án thiết kế. Bằng cách học cách tạo hệ thống thành phần chất lượng cao, bạn sẽ có thể phát triển như một nhà thiết kế. Không chỉ vậy, nó còn có thể giúp bạn duy trì quy trình làm việc nhất quán trong suốt hành trình sáng tạo của mình và cho phép bất kỳ cộng tác viên nào trong tương lai dễ dàng tìm thấy công việc của bạn.

Bạn đã thử sử dụng Figma cho các dự án sáng tạo của mình chưa? Làm thế nào bạn tìm thấy bằng cách sử dụng các thành phần? Hãy cho chúng tôi biết thêm về trải nghiệm của bạn trong phần bình luận bên dưới.