Lúc mới học UX/UI Design tôi thường làm theo kỹ năng vốn có của Graphic Designer, sau đó tôi mới biết mình đã chưa tận dụng được Figma một cách triệt để. Phải thông qua video chỉ dẫn mà tôi vô tình coi được trên youtube mới phát hiện ra được điều này. Nay có chút thời gian, tôi xin phép chia sẻ lại những kiến thức đó cho mọi người.
Xuất phát điểm là Graphic Designer nên có thể nhiều bạn đã quen thuộc với các công cụ thiết kế của Ps và Ai. Khi chuyển qua Figma vẫn giữ thói quen đó, điều này đã khiến chúng ta đang sử dụng chưa đúng các công cụ của Figma. Vậy những lỗi sai các bạn thường gặp là gì?
1. Quen dùng Group mà quên đi Frame.
Nhóm đối tượng (Group) là một tổ hợp các layer được nhóm lại với nhau tương tự trong Ps hay Ai, khi ta scale group đó sẽ khiến các layer thay đổi về kích thước. Nhưng đối với Khung đối tượng (Frame) trong Figma, các đối tượng cũng sẽ được nhóm lại với nhau trên một nền background, khi thay đổi kích thước background thì các layer vẫn ràng buộc về kích thước và vị trí của nó.
2. Không để tâm đến Constraints.
Lỗi này thường xuất hiện ở các bạn mới học Figma, thông thường các bạn sẽ không dùng đến constraints. Nếu chưa quen dùng constraints thì sẽ thấy công cụ này chưa thực sự hữu ích. Nhưng đối với các bạn quen dùng sẽ thấy nó thực sự rất hiệu quả. Vì Constraints sẽ set up các layer một các có hệ thống, vị trí của layer sẽ được cố định theo mong muốn của người thiết lập.
3. Không tận dụng Auto Layout trong thiết kế.
Sử dụng Auto Layout sẽ giúp thiết kế của chúng ta được mô phỏng gần giống với sản phẩm của coder làm. Khi thay thêm hoặc bỏ các thành phần trong layout thì các thành phần còn lại sẽ tự động được thay đổi phù hợp. Cực kỳ hữu ích cho việc design nhiều giao diện màn hình khác nhau.
4. Không dùng tốt Component/Variant.
Tận dụng được Component/Variant sẽ giúp các bạn chỉnh sửa hệ thống frame giống nhau chỉ thông qua một component chính. Khi thay đổi main components, các variant sẽ tự động cập nhật theo.
5. Không hệ hệ thống hóa.
Khi làm việc các bạn thường quên quy hoạch component, đặt tên, phân khu, hệ thống màu,… Chính điều này sẽ khiến file thiết kế của bạn trở nên không khoa học, khó chỉnh sửa một cách nhanh chóng và không hiệu quả.
Khắc phục được những lỗi trên đây, mình tin rằng các bạn sẽ ngày càng tiến bộ và nâng cao được trình độ của mình khi làm việc với Figma. Chúc các bạn thành công trên con đường mình đã chọn.
Theo: Trương Bảo Phúc
