Khi bắt đầu tìm hiểu về thiết kế UX/UI, tôi luôn nghĩ rằng việc sử dụng Sketch là điều bắt buộc, bởi các hướng dẫn và chuyên gia đều không ngừng nhắc đến công cụ này. Tuy nhiên, tôi nhanh chóng nhận ra Sketch chỉ chạy trên macOS và tốn phí – điều này không phù hợp với một người đang tự học từ con số 0 như tôi. Vì vậy, tôi quyết định đi tìm một lựa chọn thay thế có thể sử dụng trên Windows và hoàn toàn miễn phí. Đó là lúc Figma xuất hiện. Trước đây tôi đã từng thử nghiệm với Figma, nhưng sau khi biết rằng đây là trung tâm của bộ công cụ chuyên nghiệp trong ngành UX/UI, tôi đã quyết tâm thành thạo nó. Cho đến nay, đó là một trải nghiệm rất dễ dàng và thú vị nhờ giao diện thân thiện với người dùng mới, cùng với vô vàn lợi ích khác ngoài việc hoàn toàn miễn phí. Dưới đây là những lý do tại sao tôi gắn bó với Figma và không bao giờ phải trả tiền cho Sketch.
Thiết kế prototype website trong Figma với giao diện thân thiện
Không Phụ Thuộc Vào Hệ Điều Hành
Tự do trên mọi nền tảng
Vì Sketch là một công cụ UI/UX được quảng bá rầm rộ, tôi đã nghĩ rằng nó sẽ tương thích đa nền tảng. Nhưng thật bất ngờ, nó lại chỉ dành riêng cho máy Mac. Việc mua một chiếc máy Mac chỉ để chạy một công cụ thiết kế không nằm trong kế hoạch của tôi, nhất là khi tôi chỉ mới bắt đầu và vẫn còn đang tìm hiểu xem liệu thiết kế có thực sự phù hợp với mình hay không.
Figma, mặt khác, hoạt động trên mọi hệ điều hành – có ứng dụng dành cho Windows, Mac, iPad, thậm chí cả iOS và Android. Khả năng tương thích đa nền tảng này đã đủ để khiến Figma trở nên dễ tiếp cận hơn rất nhiều. Nói về khả năng tiếp cận…
Ứng dụng Figma chạy mượt mà trên hệ điều hành Windows
Hoạt Động Trực Tuyến Qua Trình Duyệt
Truy cập dự án mọi lúc, mọi nơi
Các công cụ sáng tạo hoạt động trên trình duyệt luôn là lựa chọn yêu thích của tôi, và Figma cũng có một phiên bản như vậy. Ứng dụng trên máy tính để bàn hoàn toàn là tùy chọn, và không gì tiện lợi hơn việc nhanh chóng mở một dự án ngay khi bạn đang duyệt web. Tôi rất thích việc mình không bị giới hạn trên một thiết bị và có thể truy cập các thiết kế từ bất kỳ đâu chỉ với một trình duyệt. Điều này cũng giúp loại bỏ rào cản cho những người có phần cứng cũ hoặc cấu hình thấp. Figma thực sự là một công cụ đám mây nguyên bản theo cách tốt nhất.
Giao diện ứng dụng Figma hoạt động trực tiếp trên trình duyệt web
Kho Mẫu Và Bộ Kit Sẵn Có
Đơn giản hóa quy trình thiết kế
Với tư cách là một người mới trong thế giới UI/UX, việc nhìn chằm chằm vào một màn hình trống rỗng là điều cực kỳ đáng sợ. Nếu bạn cũng đang ở trong tình huống tương tự, Figma đã có giải pháp cho bạn. Các nhà thiết kế và nhà phát triển tài năng đã tạo ra và đóng góp vào cộng đồng Figma, nơi có hơn 300 mẫu (templates) để giúp bạn bắt đầu. Dưới đây là một số danh mục nổi bật mà tôi đã trải nghiệm:
- Bộ Wireframe (The Wireframe Kits): Nếu bạn đang tìm hiểu về UX, bạn có thể đã nghe nói nhiều về wireframing. Các mẫu này sẽ giúp bạn dễ dàng làm quen, chúng chứa tất cả các thành phần cơ bản của wireframe có độ chi tiết thấp.
- Mẫu Nghiên Cứu (The Research Templates): Bạn có thể biết rằng UX không chỉ là thiết kế; nó đòi hỏi rất nhiều nghiên cứu. Các mẫu Nghiên Cứu của Figma sẽ giúp bạn giải quyết vấn đề này. Từ phỏng vấn người dùng và định hình chân dung khách hàng đến phân tích đối thủ và bản đồ đồng cảm (empathy maps), bạn sẽ tìm thấy mọi thứ để bắt đầu một nghiên cứu điển hình.
- Mẫu Biểu Đồ (Diagram Templates): Tôi thực sự đã sử dụng Figma như một công cụ vẽ biểu đồ khi mới bắt đầu tìm hiểu về nó, và các mẫu biểu đồ của nó không làm tôi thất vọng. Tất cả các dạng biểu đồ cổ điển đều có ở đây, bao gồm biểu đồ hình tròn, biểu đồ lớp và sơ đồ luồng. Chúng sẽ mở trong FigJam, công cụ bảng trắng của Figma.
- Mẫu Luồng Người Dùng và Hành Trình Người Dùng (The User Flow and User Journey Templates): Luồng người dùng và hành trình người dùng là những yếu tố thiết yếu trong các dự án UX, nhưng việc tạo chúng không cần tốn nhiều thời gian của bạn nếu bạn chỉ cần sử dụng các mẫu có sẵn.
Đây chỉ là những mẫu mà tôi yêu thích nhất, nhưng danh sách còn rất dài.
Ngoài ra, Figma còn có rất nhiều bộ UI kit. Khi khung UX đã được thiết lập, bạn không cần phải ngay lập tức nhảy vào thiết kế UI – Figma lại tiếp tục hỗ trợ bạn. Bạn sẽ tìm thấy mọi loại thành phần mà bạn có thể nghĩ đến, từ con trỏ, nút bấm, bố cục, kiểu chữ và màu sắc cho đến toàn bộ thiết kế iOS và iPadOS 18. Nếu bạn là một người mới hăm hở như tôi, việc thử nghiệm với những thứ này giống như một đứa trẻ trong cửa hàng kẹo vậy.
Gói Miễn Phí Toàn Diện
Không cần trả phí cho người mới bắt đầu hoặc nhóm nhỏ
Bạn đã biết Figma là miễn phí, nhưng có thể bạn đang tự hỏi, “có bẫy gì không?”. Nếu bạn là một cá nhân hoặc một nhóm nhỏ đang làm các dự án cá nhân, thì không có bất kỳ hạn chế nào đáng kể. Bạn nhận được số lượng bản nháp không giới hạn, quyền truy cập vào tất cả các mẫu và bộ kit, và thậm chí cả tính năng prototyping cũng miễn phí.
Các gói trả phí của Figma chủ yếu hướng đến những nhà thiết kế chuyên nghiệp làm việc theo nhóm; các gói này bao gồm các tính năng như lịch sử phiên bản, thư viện có thể chia sẻ và các kiểu dáng có thể tái sử dụng mà một nhóm làm việc sẽ cần. Nhưng đối với người mới bắt đầu chỉ muốn tìm hiểu? Hoàn toàn không cần trả tiền cho một gói đăng ký nào cả.
Trong khi đó, Sketch sẽ khiến bạn tốn 12 đô la mỗi tháng hoặc 120 đô la cho giấy phép một năm.
Tính Năng Cộng Tác Mặc Định
Hay còn gọi là “Google Docs của ngành thiết kế”
Ngay cả phiên bản miễn phí của Figma cũng có một số tính năng cộng tác. Bạn có thể chia sẻ tệp với bất kỳ ai và họ có thể tham gia chỉnh sửa cùng bạn theo thời gian thực, bao gồm cả việc để lại bình luận và đề cập đến những người có quyền truy cập. Vì vậy, ngay cả khi bạn không có đầy đủ các tính năng cộng tác của gói trả phí, bạn vẫn có thể trải nghiệm môi trường làm việc nhóm, điều rất quan trọng trong công việc UX thực tế.
Tính năng cộng tác miễn phí trong Figma, cho phép làm việc nhóm thời gian thực
Tích Hợp Sẵn Tính Năng Prototyping
Ưu thế vượt trội so với Sketch
Ngoài mức giá, đây là điểm khiến tôi hoàn toàn từ bỏ Sketch. Sketch có một số tính năng prototyping cơ bản, nhưng bạn cần các công cụ bên thứ ba để tạo ra các prototype tương tác đúng nghĩa. Điều này thực sự đáng thất vọng đối với một công cụ có phí, nhưng Figma lại một lần nữa giải quyết vấn đề này – bạn có thể truy cập tính năng prototyping ngay cả với phiên bản miễn phí! Và nó cũng cực kỳ đơn giản để sử dụng; về cơ bản, chỉ cần kéo và thả, cấu hình các tương tác, và nhấn Play.
Được Xây Dựng Cho Toàn Bộ Quy Trình UX
Không chỉ dừng lại ở UI đẹp mắt
Sketch rất tuyệt vời cho các thiết kế UI có độ chi tiết cao (high-fidelity UI). Tuy nhiên, UX bao gồm nhiều cấp độ, từ wireframe và user flow đến user journey và prototype. Vì Figma tập trung vào UX nhưng vẫn cho phép thiết kế UI toàn diện, nó đơn giản là lựa chọn tốt hơn cho bất kỳ ai muốn tìm hiểu cả UX/UI. Tôi thích cách nó cho phép tôi thực hành toàn bộ quy trình UX chứ không chỉ phần trông đẹp mắt.
Hệ Sinh Thái Figma Phổ Biến Rộng Khắp
Dễ dàng học hỏi và hòa nhập vào ngành
Hãy tìm bất kỳ hướng dẫn UX hiện đại nào – rất có thể chúng đều được thực hiện trên Figma. Ngay cả các công ty từng trung thành với Sketch cũng đã chuyển sang sử dụng Figma. Đối với một người mới bắt đầu, điều này là vô cùng quan trọng – bạn sẽ dễ dàng tìm thấy người hướng dẫn và bạn bè cùng sử dụng công cụ, các mẫu có thể tùy chỉnh và cả các tin tuyển dụng thực tế yêu cầu kinh nghiệm Figma. Cuối cùng, việc học Figma sẽ đưa bạn đến gần hơn với các công cụ đang được sử dụng trong thế giới thực, giúp quá trình chuyển đổi vào không gian UI/UX trở nên suôn sẻ hơn rất nhiều.
Thiết kế wireframe độ chi tiết cao trong Figma, hỗ trợ toàn diện quy trình UX
Figma là lựa chọn đúng đắn
Tôi không cố gắng hạ thấp Sketch – đó là một công cụ chắc chắn. Nhưng từ góc độ của một người mới bắt đầu, hoặc thậm chí là một chuyên gia muốn có được giá trị xứng đáng, Sketch đơn giản là không hợp lý. Nó đắt đỏ, chỉ chạy trên Mac và không có tính năng prototyping toàn diện. Figma, ngược lại, là miễn phí, đa nền tảng, thân thiện với người mới bắt đầu và được xây dựng cho toàn bộ hành trình UX. Vì vậy, nếu bạn đang tự học UI/UX, xây dựng portfolio, hay chỉ đơn giản là tìm kiếm những công cụ thiết kế mới để thử, Figma chắc chắn là lựa chọn tốt hơn. Khả năng tiếp cận này chính là điều mà thiết kế nên hướng đến ngay từ đầu.
Hãy để lại bình luận phía dưới nếu bạn có bất kỳ câu hỏi nào về Figma hoặc muốn chia sẻ kinh nghiệm sử dụng công cụ thiết kế của mình! Đừng quên ghé thăm blogcongnghe.net để khám phá thêm nhiều bài viết hữu ích khác về công nghệ và thiết kế.
