Cho dù bạn là một nhà thiết kế mới bắt đầu hay một chuyên gia dày dạn kinh nghiệm, thì việc cập nhật các công cụ mới nhất của thương mại luôn là một phương pháp hay. Figma và Sketch là hai ứng dụng tạo mẫu và thiết kế dựa trên vector cực kỳ linh hoạt cho phép bạn tạo các mô hình, giao diện ứng dụng tuyệt đẹp và nhanh chóng hơn. Tôi đã cố gắng phát triển trò chơi thiết kế của mình và quyết định chuyển từ Photoshop. Tuy nhiên, việc lựa chọn một trong hai ứng dụng thiết kế và tạo mẫu này là một thách thức vì bề ngoài chúng trông giống hệt nhau. So sánh dưới đây bao gồm những phát hiện của tôi trên Figma và Sketch và sẽ giúp bạn hiểu chúng khác nhau như thế nào.
What’s Figma và Sketch Who
Sketch đã tồn tại được một thập kỷ trong khi Figma mới ra mắt được chưa đầy 5 năm. Trong phần so sánh này, tôi sẽ đề cập đến những điều cơ bản và giải thích ứng dụng nào dành cho ai.
1. Tính khả dụng
Đây là một trong những ưu điểm được quảng cáo rầm rộ nhất của Figma. Nó là một công cụ dựa trên web cũng cung cấp các ứng dụng cho macOS và Windows. Tuy nhiên, bạn có thể thiết lập và chạy bằng trình duyệt web trên máy tính để bàn có kết nối Internet tốt. Điều làm cho nó thậm chí còn tốt hơn là Figma cũng có các ứng dụng đồng hành cho cả Android và iOS, cung cấp cho bạn các bản cập nhật thiết kế trực tiếp khi đang di chuyển. Vì mọi thứ đều ở trên đám mây nên bạn có thể truy cập các bản cập nhật thiết kế của mình hoặc nhóm của bạn từ mọi nơi trên thế giới.
Mặt khác, Sketch là ứng dụng macOS và bạn chỉ có thể cài đặt nó trên MacBook. Mặc dù không có ứng dụng đồng hành chính thức dành cho điện thoại thông minh, bạn có thể tải Sketch Mirror cho Mac. Công bằng mà nói, Figma làm tốt hơn vai trò là một công cụ trực tuyến thời gian thực với khả năng tương thích đa nền tảng tốt hơn Sketch.
Figma: 1
Phác thảo: 0
2. Giao diện người dùng
Figma và Sketch đều có giao diện giống nhau và vị trí đặt các công cụ (thanh bên) giúp so sánh dễ dàng hơn vì bạn có thể tập trung vào các công cụ và các tính năng khác liên quan đến quy trình làm việc của mình. Cả hai ứng dụng đều có không gian làm việc hoặc canvas ở giữa, các lớp và thuộc tính nội dung ở bên trái, thanh công cụ ở trên cùng và ngăn thuộc tính ở bên phải. Điều duy nhất mà Sketch có về giao diện người dùng là chế độ tối thực sự dễ nhìn và kết hợp tốt với chủ đề macOS.
Ngoài một số thay đổi về mặt thẩm mỹ, Figma và Sketch đều có giao diện người dùng tương tự nhau.
Figma: 1
Phác thảo: 1
3. Thiết kế
Cả Figma đều có một loạt các công cụ hình dạng tiêu chuẩn và tài nguyên thiết kế để xây dựng dự án thiết kế đầu tiên của bạn và mọi thứ sau đó. Tuy nhiên, việc triển khai công cụ của Figma vượt trội hơn. Đối với người mới bắt đầu, mọi công cụ hình dạng như hình chữ nhật, hình bầu dục, hình sao và đa giác đều có cách làm tròn các góc một cách dễ dàng. Bạn có thể chỉ cần nhấp và kéo một góc và làm cho bất kỳ cạnh cứng nào trông mềm mại. Đó là một thiết kế thẩm mỹ tuyệt vời và tôi rất vui vì Figma đã làm cho nó trở nên siêu dễ dàng.
Mặc dù Sketch có nhiều công cụ mạnh mẽ, nhưng chỉ là các tính năng yêu cầu đường cong học tập và bạn cần tìm ra cách thực hiện mọi thứ. Nó không trực quan. Ví dụ: nếu bạn muốn làm tròn các góc của hình tam giác, trước tiên bạn sẽ tạo một hình tam giác đều, sau đó vào chế độ chỉnh sửa, bấm vào tất cả các đỉnh, rồi áp dụng giá trị làm tròn để tạo một đối tượng có các góc được làm tròn. Figma thân thiện với người dùng hơn Sketch.
Figma: 2
Phác thảo: 1
4. Tạo mẫu
Sau khi bạn hoàn thành phần thiết kế của dự án, giai đoạn tiếp theo là tạo nguyên mẫu. Cả Figma và Sketch đều có các công cụ tạo mẫu mạnh mẽ cho phép bạn kết hợp các thao tác chạm, nhấn nút vào thiết kế và làm cho nó hoạt động trong quá trình thử nghiệm như thể nó hoạt động trong cuộc sống thực.
Figma cung cấp các cử chỉ tương tác ở định dạng đơn giản dễ hiểu và dễ thực hiện. Bạn chỉ cần chọn một hành động và kết quả của nó và trỏ nút đến một thuộc tính khác và bạn đã hoàn tất. Bạn thậm chí có thể tạo hoạt ảnh cho tất cả các cử chỉ sắc thái với hoạt ảnh tùy chỉnh của mình. Tuy nhiên, một vấn đề nhỏ mà toàn bộ cộng đồng Figma phải đối mặt là bạn không thể kết nối nhiều trang một cách hiệu quả.
Ghi chú: Trên thực tế, bạn có thể liên kết các trang của một dự án trong quá trình tạo mẫu bằng các liên kết nhưng cách đó hiện không hiệu quả và chỉ cần mở trang đó trong một tab mới không gắn kết lắm.
Mặt khác, Sketch cung cấp một cách trơn tru để tạo liên kết giữa các trang khác nhau. Mặc dù Sketch gọi đó là Artboards chứ không phải Pages, nhưng khái niệm này vẫn giữ nguyên và việc triển khai tốt hơn. Cuối cùng, nó sẽ đáp ứng yêu cầu của bạn. Nếu dự án của bạn có ít trang nhưng yêu cầu hoạt ảnh nâng cao, thì Figma cung cấp tạo mẫu tốt hơn. Tuy nhiên, nếu bạn muốn tạo một nguyên mẫu nhất quán cho khách hàng, những người có thể cảm nhận được dự án gồm nhiều phần thì Sketch sẽ làm điều đó tốt hơn. Đó thực sự là một hòa.
Figma: 2
Phác thảo: 1
5. Các plugin
Sketch và Figma đều có nhiều tính năng nhưng nếu bạn có quy trình làm việc tùy chỉnh, thì sẽ có một plugin dành cho bạn. Sketch đã tồn tại lâu hơn và do đó có nhiều plugin hơn trong thư viện. Tuy nhiên, bạn có thể tìm thấy các plugin phổ biến như Zeplin, ProtoPie và Avocado trên cả Sketch và Figma. Cả hai ứng dụng đều cung cấp các API để tạo các plugin của riêng bạn cho quy trình làm việc của bạn.
Một điều cần lưu ý ở đây là Figma là một công cụ trực tuyến, tất cả các plugin đều có sẵn mọi lúc và hoạt động trơn tru. Sketch mặc dù có hỗ trợ nhiều plugin hơn nhưng yêu cầu bạn tải xuống bản sao kỹ thuật số và dán nó vào thư mục plugin. Đây chỉ là một sự bất tiện nhỏ và Sketch vẫn có hỗ trợ plugin cao cấp.
Figma: 2
Phác thảo: 2
6. Cộng tác trong thời gian thực
Figma là nhà vô địch về cộng tác trong thời gian thực và Sketch thậm chí còn không đến gần với tính năng đồng bộ hóa đám mây của nó. Figma cho phép người xem và người bình luận không giới hạn có thể xem tiến trình của dự án trong thời gian thực. Mặt khác, Sketch cho phép bạn lưu và đồng bộ hóa các dự án với đám mây và sau khi nó được lưu, người xem có thể xem các tệp thiết kế được cập nhật. Nói tóm lại, Figma sử dụng phương pháp tiếp cận trên nền tảng đám mây, đó là một lý do tại sao nó lại phát triển theo cách mà nó có.
Figma: 3
Phác thảo: 2
7. Giá cả
Figma cung cấp ba tầng với hai đăng ký trả phí và một đăng ký miễn phí cho những người sáng tạo cá nhân. Gói miễn phí cung cấp một dự án nhóm tại một thời điểm và người chỉnh sửa không giới hạn. Gói trả phí bắt đầu từ $ 12 / tháng / người chỉnh sửa và cung cấp người chỉnh sửa, lịch sử phiên bản và dự án không giới hạn.
Sketch đi kèm với bản dùng thử miễn phí 30 ngày. Sau đó, bạn sẽ được thanh toán $ 9 / tháng / người chỉnh sửa cho tất cả các tính năng. Figma chắc chắn sẽ hơi đắt khi bạn có gói trả phí nhưng nếu bạn chỉ cần làm việc trên một dự án tại một thời điểm, Figma cho phép bạn làm việc trên đó miễn phí.
Xem Figma (miễn phí, $ 12 / tháng)
Xem Sketch (dùng thử miễn phí, $ 9 / tháng)
Figma hoặc Sketch: Ứng dụng tạo mẫu và thiết kế nào tốt hơn
Không thể phủ nhận rằng Figma và Sketch đều là những ứng dụng tuyệt vời cho phép tạo mẫu và thiết kế. Figma áp dụng cách tiếp cận dựa trên đám mây và tốt hơn cho việc cộng tác trực tuyến. Sketch rẻ hơn cho các nhóm, cung cấp nhiều plugin hơn, nhưng không hoạt động bên ngoài hệ sinh thái của Apple.
Tôi hy vọng sự so sánh ở trên giúp bạn đưa ra quyết định dễ dàng hơn một chút và nếu tôi muốn đưa ra ý kiến của mình, tôi sẽ đi với Figma. Tôi nói vậy bởi vì ca sử dụng của tôi liên quan đến việc học cách thiết kế các mô hình giả và tôi sẽ không làm việc trên nhiều dự án cùng một lúc. Bạn nghĩ sao? Công cụ nào tốt hơn cho bạn? Hãy cho tôi biết trên Twitter.
Cũng đọc: Các ứng dụng tốt nhất để tạo đồ họa thông tin và thông tin chi tiết về dữ liệu vào năm 2021
