Cách đây không lâu, Sketch chắc chắn là công cụ thiết kế web thứ nhất trong ngành, và một số lượng đáng kinh ngạc các nhà thiết kế đã thề với nó. Và sau đó Figma ra mắt cùng với một công cụ thiết kế độc lập dựa trên nền tảng web - công cụ đầu tiên thuộc loại này - với các tính năng mới lạ như mạng vectơ và cộng tác trực tiếp trên các tệp thiết kế để làm việc theo nhóm liền mạch và chỉ riêng điều này đã là một công cụ thay đổi cuộc chơi.
-
Figma là gì?
Figma là một công cụ thiết kế user interface (hay còn gọi là ui) được chạy trên trình duyệt. Figma là phần mềm gốc vector giúp các nhà thiết kế cùng sử dụng trong thời gian thực. Bản quyền của figma được cấp theo dạng thuê quyền sử dụng, tuy nhiên phần mềm này cũng cung cấp gói miễn phí khi mới bắt đầu
-
Sketch là gì?
Sketch là phần mềm được dành riêng cho hệ điều hành Mac OS. Nó được biết đến như phần mềm chuyên biệt dành riêng cho digital design, và hiện đang là phần mềm phổ biến nhất dành cho thiết kế UI và UX. Sketch là phần mềm gốc vector. Nó có thể dễ dàng mở rộng khả năng sử dụng nhờ vào nhiều loại plugin đa dạng có thể dễ dàng cài đặt.
Để bắt đầu, chúng ta có thể liệt kê một số điểm mạnh nổi bật của cả hai phần mềm sau đó đi vào phân tích chi tiết hơn môi trường thiết kế của cả hai
-
So sánh chi tiết môi trường thiết kế
1/Artboards và pages
Artboards trong figma được gọi là frames, và chúng mạnh mẽ hơn sketch. Trong khi sketch ngừng sử dụng artboards liên kết (lồng) ở một vài phiên bản trước đó, Figma lại phát triển frames liên kết. Vậy nên bạn có thể dùng một frames cho footer, header, danh sách…Mỗi frame có thể có layout lưới riêng
Một điều đặc biệt của sketch là trang ‘symbol’ chứa các tập thông tin (component) được tạo lập mặc định. Người dùng có thể lựa chọn dùng trang symbol hay không (thường là không nên). Việc có thêm trang symbol riêng là cần thiết vì đằng nào thì người thiết kế sẽ phải dùng đến nó thôi.
Kết luận: Sketch và figma đều hỗ trợ artboards (hoặc frames) nhưng figma linh hoạt hơn vì các artboards (hoặc frames) có thể liên kết
2/ Symbols
Cả hai phần mềm đều hỗ trợ hệ thống symbols-các thành phần thiết kế chung nhóm thong tin và có thể được cập nhật nhanh chóng chỉ trong một lần. Cách thực hiện điều này khá khác biệt khi đi từ app này sang app
Sketch
Chuyển đổi một cái gì đó thành một biểu tượng sẽ gửi nhóm đó đến một trang có tên là Symbols theo mặc định, tạo một bản sao khác của nhóm đấy thay cho các thành phần được chọn trở thành biểu tượng trang trong Symbols. Một thế chỗ cho một biểu tượng được gửi vào trang Symbols chỉ có thể được cập nhật theo một số cách nhất định - kích thước, văn bản, hình ảnh thông qua bảng điều khiển nằm bên tay phải. Để chỉnh sửa biểu tượng ban đầu, bạn có thể nhấp đúp vào thế chỗ của biểu tượng đó để truy cập trang Symbols và thực hiện các thay đổi. Mọi thay đổi thực hiện sẽ được áp dụng cho các phiên bản thế chỗ khác của biểu tượng đó trong toàn bộ thiết kế.
Figma
Trong Figma, các biểu tượng được gọi là các thành phần (components). Khi tạo một thành phần nó sẽ giữ nguyên vị trí và được ký hiệu là thành phần chính. Sao chép thành phần chính ở nơi khác trong thiết kế tạo các phiên bản của thành phần chính theo mặc định. Các bản sao có thể được chỉnh sửa trực tiếp như một nhóm thông thường miễn là cách sắp xếp không thay đổi, có thể thay đổi văn bản, màu sắc, kích thước của các bản sao. Phương pháp của figma chắc chắn cảm thấy linh hoạt hơn sketch.
Tất cả hai ứng dụng hỗ trợ tái sử dụng các biểu tượng trên các tệp.
Trong Sketch bất kỳ tệp nào cũng có thể được thêm dưới dạng thư viện, cho phép người thiết kế thêm các symbols và styles của file đó vào bất kỳ file nào khác mà bạn đã mở. Các thay đổi trong thư viện chính sẽ được cập nhật vào các file đang dùng các symbol đó, miễn là các file đó được mở ra và cập nhật ở phần thông. Cách tiếp cận Figma là một kho lưu trữ tập trung của các thành phần được gọi là thư viện nhóm. Mọi người trong nhóm có quyền truy cập phù hợp có thể thêm các thành phần vào thư viện nhóm. Mọi thay đổi được thực hiện đối với các thành phần trong thư viện sẽ hiển thị dưới dạng thông báo, cho phép người thiết kế xem lại và cập nhật chúng trong các tệp đã mở
Kết luận:
Cách tiếp cận của Figma để chỉnh sửa một biểu tượng - hoặc thành phần - trực quan và mạnh mẽ hơn nhiều so với Sketch, mặc dù phiên bản sau đã bắt kịp . Cả hai đều có các tính năng thư viện mạnh mẽ để dễ dàng quản lý và cộng tác.
