Cẩm nang · Nối vào công nghệ và sản phẩm số

Thư viện Figma hay file PDF: chọn theo quy mô đội

Câu trả lời không nằm ở công nghệ, mà nằm ở số người thiết kế và tần suất họ dựng cùng một thứ.

Chốt nhanh

Nếu đội Anh Chị có một đến hai nhà thiết kế và sản phẩm chủ yếu là in ấn hoặc tài liệu, PDF kèm vài file nguồn là đủ dùng. Khi có nhiều nhà thiết kế cùng dựng giao diện số, thư viện Figma (ứng dụng thiết kế cộng tác) kèm component (thành phần tái sử dụng) mới đáng đầu tư vì nó ngăn mỗi người tự dựng lại từ đầu và ra mỗi người một kiểu. Quyết định dựa vào cách đội vận hành, không dựa vào oai hay xu hướng.

PDF hay thư viện Figma: câu hỏi này thường xuất hiện khi Anh Chị vừa xây xong bộ nhận diện và đang nghĩ đến bước triển khai. Câu trả lời không phải "cái nào xịn hơn" mà là "cái nào phù hợp với cách đội đang làm việc". Hai hình thức phục vụ hai mục đích khác nhau, và dùng sai thì cả hai đều lãng phí.

PDF và thư viện Figma khác nhau ở đâu

PDF quy chuẩn là tài liệu để đọc: nhà thiết kế đọc luật, hiểu nguyên tắc, rồi tự áp dụng bằng công cụ của mình. Nó phù hợp khi đội nhỏ, khi người thiết kế đủ kinh nghiệm để tự dựng đúng, và khi sản phẩm chủ yếu là in ấn hoặc tài liệu văn phòng.

Thư viện Figma kèm component (thành phần tái sử dụng như nút bấm, thẻ thông tin, thanh điều hướng) là tài liệu để dùng trực tiếp: nhà thiết kế kéo thành phần có sẵn vào bản thiết kế thay vì dựng lại từ trang trắng. Sức mạnh của nó nằm ở chỗ toàn đội dùng cùng một nguồn, nên khi Sinh Vũ cập nhật màu chính, tất cả màn hình đều đổi theo cùng lúc.

Chỉ PDF: đọc luật, tự dựng bằng công cụ riêng, phù hợp đội nhỏ và ấn phẩm in.
Thêm thư viện Figma: kéo thành phần chuẩn vào dùng ngay, phù hợp đội nhiều người cùng dựng giao diện số, cần đồng bộ liên tục.

Các yếu tố quyết định lựa chọn

  • Số nhà thiết kế cùng làm việc: đây là yếu tố quan trọng nhất. Khi chỉ có một đến hai người, mỗi người đã tự kiểm soát được sự nhất quán. Khi có ba người trở lên cùng dựng giao diện, xác suất mỗi người ra mỗi kiểu tăng rõ rệt nếu không có nguồn thành phần chung.
  • Sản phẩm số hay ấn phẩm in: thư viện Figma mạnh nhất khi dùng cho giao diện ứng dụng và website. Nếu phần lớn đầu ra là tờ rơi, báo cáo, bao bì, PDF kèm file nguồn thường là đủ.
  • Đội có ai bảo trì không: thư viện Figma là tài sản sống. Khi thương hiệu cập nhật màu hoặc bổ sung component mới, cần người trong đội cập nhật thư viện theo. Nếu không có người phụ trách, sau vài tháng thư viện sẽ lệch với bản thật đang chạy trên sản phẩm.
  • Ngân sách bảo trì dài hạn: làm thư viện đầy đủ tốn công xây và tốn công giữ. Với đội nhỏ, chi phí này không tương xứng với lợi ích.

Khi nào chọn hướng nào

  • Chỉ cần PDF kèm file nguồn: đội một đến hai nhà thiết kế, sản phẩm chủ yếu là in, không có người chuyên bảo trì hệ thống thiết kế, ngân sách ưu tiên cho phần khác.
  • Thêm thư viện Figma cơ bản: có ba đến bốn nhà thiết kế, cần thống nhất màu sắc và kiểu chữ, bắt đầu làm sản phẩm số nhưng chưa ra tính năng thường xuyên.
  • Thư viện Figma đầy đủ component: đội thiết kế đông, cùng dựng một sản phẩm số, ra tính năng đều đặn, cần một nguồn thành phần chung để tất cả đồng bộ và giảm thời gian dựng lại những thứ đã có.

Tài liệu để đọc là chưa đủ khi có nhiều người cùng dựng giao diện. Cần thư viện dùng lại được, đồng bộ, để cả đội áp nhất quán thay vì mỗi người một kiểu.

Design Systems Collective

Lỗi thường gặp

  • Mua thư viện xịn rồi để mốc: không có người trong đội cập nhật, sau vài tháng thư viện lệch với sản phẩm thật. Lúc này nhà thiết kế bắt đầu bỏ qua thư viện và tự dựng tay, mục đích ban đầu mất hoàn toàn.
  • Chỉ giao PDF cho đội đông người: mỗi nhà thiết kế đọc PDF rồi tự dựng theo cách hiểu của mình, kết quả trôi dần khỏi chuẩn sau vài tháng, đặc biệt ở những thành phần nhỏ như khoảng cách, cỡ chữ phụ, trạng thái nút bấm.
  • Nhầm rằng có component là xong: thư viện component giải quyết vấn đề kỹ thuật, nhưng nếu không có luật và quy trình đi kèm, nhà thiết kế vẫn có thể dùng đúng component nhưng sai ngữ cảnh. Hai phần cần đi cùng nhau.

Góc nhìn của Sinh Vũ

Sinh Vũ phân chia rõ các cấp bàn giao: bản cơ bản có PDF và vài file nguồn chỉnh được, bản đầy đủ có thêm thư viện Figma kèm component, cấp tập đoàn đi xa hơn đến hệ quản lý tài sản số. Điểm Sinh Vũ nhấn mạnh là chốt cấp theo cách đội khách thật sự vận hành, không mặc định bán bản dày nhất vì trông có vẻ chuyên nghiệp hơn.

Nếu đội Anh Chị nhỏ và sản phẩm chủ yếu là in, Sinh Vũ sẽ khuyên PDF cộng file nguồn là đủ và tiết kiệm phần còn lại cho việc khác. Khi đội lớn lên và nhu cầu thật sự xuất hiện, nâng cấp lên thư viện component vẫn còn kịp và sẽ có nền tốt để làm.

Nguồn tham khảo

Sinh Vũ A2 cascade data và service brief; Design Systems Collective, When brand style meets design system.

Câu hỏi thường gặp

Nếu bây giờ chỉ có một nhà thiết kế nhưng tương lai sẽ mở rộng, có nên làm thư viện Figma ngay từ đầu không?

Không nhất thiết. Làm thư viện sớm khi đội còn nhỏ tạo ra chi phí bảo trì mà không ai được hưởng lợi. Sinh Vũ khuyên bắt đầu với PDF cộng file nguồn chỉnh được, đặt cấu trúc đủ sạch để nâng cấp sau. Khi đội thật sự lớn lên và vấn đề không nhất quán bắt đầu xuất hiện, đó mới là lúc chuyển lên thư viện component.

Thư viện Figma và design system (hệ thiết kế) khác nhau thế nào?

Thư viện Figma là phần kỹ thuật: nơi chứa màu, chữ, component để nhà thiết kế kéo vào dùng. Design system rộng hơn: bao gồm cả luật, quy trình, cách viết nội dung và cách các bộ phận phối hợp. Có thư viện Figma mà không có luật và quy trình đi kèm thì đội vẫn có thể dùng sai. Sinh Vũ bàn giao cả hai phần để tránh tình trạng này.

← Về Quy chuẩn nhận diện
{INJ}