Những lý do vì sao nên dùng Figma thiết kế UI

Thiết kế UI UX – giao diện và trải nghiệm người dùng là những công việc ngày càng trở nên phổ biến hơn tại Việt Nam. Có 2 công cụ nổi tiếng nhất để thực hiện công việc này là Adobe XD và Figma. Vậy lý do gì thôi thúc chúng ta nên sử dụng Figma? Vì sao các designer luôn ưu tiên chọn Figma? Hãy cùng Muakey tìm hiểu nhé!

Figma là gì? 

Ra mắt vào năm 2016, với giao diện gần gũi, dễ dùng, Figma – phần mềm biên tập đồ họa vector và dựng prototype dùng cho hệ điều hành macOS, Windows và Chrome OS đã bắt đầu nổi lên trong cộng đồng thiết kế đồ hoạ, công nghệ trên toàn thế giới. Được thiết kế trên nền tảng đám mây, Figma mang tính năng tương tự như phần mềm Sketch.

1.Tốc độ

Lý do đầu tiên, Figma thực sự rất nhanh và mượt! Figma dường như hơn hẳn các ứng dụng nổi tiếng về mức độ nhanh chóng mà bạn có thể thiết lập layouts và thiết kế UI UX của mình.

Các phím tắt của nó rất trực quan và các ô giao diện người dùng của nó phù hợp với ngữ cảnh, nghĩa là chúng thay đổi tùy thuộc vào công cụ bạn đã chọn.

Điều này rất hữu ích vì bạn không bao giờ thấy mình phải tìm kiếm mục thực đơn hoặc thuộc tính mà bạn cần chỉnh sửa – nó chỉ ở đó khi bạn cần.

NGoài ra, Figma sử dụng điện toán đám mây – cloud-based nên tất cả các tệp và dự án của bạn đều được lưu giữ ở vị trí trung tâm, có nghĩa là việc chuyển đổi giữa chúng thực sự nhanh chóng.

2. Components

Các thành phần trong Figma cung cấp cho chúng ta 2 thứ quan trọng, đó là tốc độ và tính nhất quán. Bạn có thể tạo một thành phần chính từ bất kỳ phần giao diện người dùng nào mà bạn có dự định sẽ duplicate nó và sử dụng lại ở những nơi khác trong thiết kế của mình.

Có nghĩa là bạn khi bạn cần thay đổi 1 chi tiết nào đó, chẳng hạn như 1 cái button thì thay vì phải sửa cả 20+ giao diện đang có trên màn hình thì bạn chỉ cần sửa component gốc và những cái khác sẽ tự động được thay đổi theo.

3. Bố cục tự động

Bố cục tự động là một trong những tính năng mạnh mẽ nhất của Figma và là một trong những tính năng mà cả team design lẫn frontends đều thực sự thích thúc đẩy giới hạn của nó.

Các quy tắc tùy chỉnh này có thể được áp dụng cho bất kỳ nhóm hoặc thành phần nào để bắt chước về cơ bản tính linh hoạt và tính đáp ứng của các trang web hiện đại.

4. Tính cộng tác

Hỗ trợ làm việc nhóm hiệu quả

Figma là một công cụ browser-based, do đó mọi người trong team có thể làm việc với nhau tương tự như làm việc trong Google Docs. Với mỗi thành viên đang xem hoặc chỉnh sửa file, Figma đại diện bằng một avatar tròn trên thanh công cụ với tên riêng. Click vào avatar này bạn sẽ được thấy thành viên đó đang nhìn phần nào trên design. Chức năng này rất tiện khi bạn muốn biết ai đang làm việc trên file.

Nhiều contributors

Nếu bạn đã quen làm việc với bộ ứng dụng cloud-based của Google suite, bạn sẽ cảm thấy thoải mái như ở nhà với cách Figma xử lý nhiều contributors.

Một danh sách các hình đại diện sẽ xuất hiện ở trên cùng bên phải để cho biết những người dùng hiện đang sử dụng tệp và các con trỏ chuột được mã hóa màu khác nhau cho mỗi người dùng có thể hiển thị gạch ngang trên màn hình – hữu ích khi bạn cần thu hút sự chú ý vào điều gì đó, nhưng nó không trở nên mất tập trung vì vậy rất may điều này có thể được vô hiệu hóa!

Comment

Figma cho phép người dùng thêm nhận xét vào các yếu tố cụ thể trong thiết kế của bạn, hữu ích khi bạn cần trò chuyện với đồng nghiệp.

Bạn cũng có thể @ ai đó nếu bạn muốn đặt câu hỏi trực tiếp cho họ và tất cả các nhận xét và cuộc trò chuyện đều có thể truy cập được từ ngăn bên phải khi công cụ nhận xét đang hoạt động.

Chia sẻ file đơn giản

Một khi bạn chia sẻ file Figma qua việc gửi link cho người khác, người nhận link sẽ có khả năng truy cập vào file đó.

Nếu bạn lựa chọn Link to selected frame người nhận sẽ nhìn thấy chính xác frame bạn đang chọn lúc chia sẻ file. Mình rất hay dùng tính năng tiện dụng này khi chia sẻ một file phức tạp, có quá nhiều frame nằm trong một page.

Hỗ trợ feedback tiện lợi

Figma hỗ trợ bình luận ngay trong app, cả trong chế độ design và prototyping. Ngoài ra comment còn có thể được theo dõi thông qua Slack hoặc email.

Nếu bạn đã từng sử dụng các công cụ như Sketch kết hợp với Invision, Marvel, bạn sẽ thấy việc update design sau mỗi đợt feedback cũng ngốn của bạn không ít thời gian.

Với chức năng comment ngay trong file thiết kế, Figma đã giải quyết được vấn đề trên một cách nhẹ nhàng.

5. Lưu trữ online

Tất cả mọi thứ của bạn đề đã được lưu trữ trên cloud. Bạn sẽ không sợ mất file, hỏng máy hay hàng nghìn các vấn đề trời ơi đất hỡi nào nữa.

Bạn có thể sắp xếp file theo project, mỗi file lại được chia ra làm nhiều page tùy theo nhu cầu của bạn.

6. Plugins

Các plugin dường như là món quà từ thượng đế gửi đến Figma. Những gì họ cung cấp là khả năng mở rộng chức năng của Figma ngoài các tính năng cốt lõi của nó và cho phép bạn tùy chỉnh trải nghiệm của mình cho phù hợp với nhu cầu của mình.

Giờ đây bạn sẽ không cần download ảnh trên Unsplash mỗi khi thiết kế UI UX và paste vào file thiết kế nữa, thay vào đó chỉ cần mở plugin Unsplash trên Figma và click vào hình ảnh muốn chọn là xong rồi!

Tạm kết