Dịch vụ

Design system

Design system không phải một trang bảng màu. Đó là tập hợp component, token và quy tắc để đội kỹ thuật dựa vào mà dựng — và nó chỉ đáng tiền khi là cách nhanh nhất để ra màn hình tiếp theo.

Điều thường đưa bạn tới đây

  • Mỗi màn hình lại là một cuộc tranh luận mới về khoảng cách, và cả hai bên đều có lý.
  • Trong Figma có thư viện, còn phần code mà nó mô tả thì đã lệch từ một năm nay.
  • Đội ngũ tăng gấp đôi, và số sắc xám trong sản phẩm cũng vậy.
  • Khả năng tiếp cận là cái ticket không ai đóng được, vì phải sửa từng màn hình một.

Công việc gồm những gì

Kiểm kê trước

Hôm nay trong sản phẩm thật sự có gì: từng nút, từng sắc xám, từng ngoại lệ. Bản kiểm kê thường là thứ kết thúc tranh luận.

Token

Màu, chữ, khoảng cách và bo góc được đặt tên thành quyết định, để một thay đổi lan ra mọi nơi chứ không chỉ những file ai đó nhớ ra.

Component

Mỗi component kèm đủ trạng thái, quy tắc nội dung và trường hợp biên — bảng không có dòng nào, nhãn dài 40 ký tự, thao tác lưu thất bại.

Khả năng tiếp cận từ gốc

Độ tương phản, thứ tự focus và vùng chạm được quyết một lần, ngay trong component, ở mức WCAG AA và AAA — thay vì sửa lại từng màn hình sau đó.

Tài liệu mà đội bạn sẽ đọc

Khi nào dùng một component, khi nào không, và làm gì khi không cái nào vừa. Ngắn, và nằm ngay cạnh component.

Đưa vào sử dụng

Hệ thống không ai dùng thì chỉ là một thư mục. Chúng tôi chuyển những màn hình thật cùng đội kỹ thuật, cho đến khi dùng hệ thống là cách dễ nhất.

Cách chúng tôi làm việc

  1. Kiểm kê, rồi chốt phạm vi

    Chúng tôi kiểm kê sản phẩm và cho bạn thấy những gì đang có. Phần lớn đội cần ít hơn họ nghĩ, và theo thứ tự khác.

  2. Dựng trên màn hình thật

    Component được thiết kế cho những màn hình sắp cần tới, không phải trong trừu tượng. Hệ thống mọc ra từ sản phẩm chứ không nằm bên cạnh nó.

  3. Trong stack của bạn

    Thư viện và token Figma khớp với thứ đội kỹ thuật đang dựng. Chỗ nào code đã có hệ thống, chúng tôi làm ngay trong đó.

  4. Bàn giao, không phải quăng lại

    Đội bạn dùng hệ thống khi chúng tôi còn ở đó, để những chỗ thiếu lộ ra lúc vẫn còn người vá được.

Chi phí

Hai gói thuê bao theo tháng và một lựa chọn trọn gói. Tạm dừng tối đa hai tháng hoặc kết thúc với ba tuần báo trước — điều khoản như nhau ở cả ba.

Dự án tiêu biểu

Xem tất cả dự án
Easy Tiger

UXBOX Company LTD

Chúng tôi đang xây dựng easytiger.vn, nền tảng duy nhất tại Việt Nam giúp mọi người xử lý thủ tục hành chính bằng cách kết nối họ với những chuyên gia trong nước đã được xác minh. Nền tảng được thiết kế cho AI agent: mọi hồ sơ chuyên gia đều chuẩn hoá theo AEO và GEO, để các công cụ trả lời (answer engine) hiển thị họ trực tiếp.

GoTeach

GoTeach Collective

GoTeach.vn là nền tảng đầu tiên tại Việt Nam kết nối gia sư và huấn luyện viên riêng với học viên. Chỉ trong 3 tháng, chúng tôi giúp họ kiểm chứng ý tưởng, xây dựng thương hiệu, dựng nền tảng và ra mắt — với sự hỗ trợ của AI, công nghệ low-code và chiến lược tiếp cận thị trường nội địa.

Invoicing.mu

Netch Digital

Invoicing.mu đặt mục tiêu trở thành nền tảng SaaS hoá đơn điện tử hàng đầu Mauritius, nhờ trải nghiệm người dùng và quy trình onboarding mượt mà. Khi luật mới buộc các SME chuyển sang hoá đơn điện tử đúng chuẩn, Invoicing.mu định vị mình là giải pháp dễ dùng, giá hợp lý và đáng tin cậy.

Gửi cho chúng tôi ba màn hình.

Bất kỳ ba màn hình nào lẽ ra phải trông cùng một nhà mà lại không. Thường chừng đó đủ để nói hệ thống cần là gì.

Dịch vụ khác

Phần này nằm ở đâu trong product plan của chúng tôi 

Design system là gì?

Là component, token và quy tắc làm nên sản phẩm, gom về một chỗ, với các quyết định được ghi lại: nút chính là gì, thang khoảng cách ra sao, bảng không có dòng nào thì hiển thị thế nào. Là thiết kế và kỹ thuật dùng chung một nguồn thay vì hai.

Chúng tôi có cần một cái không?

Nếu sản phẩm chỉ có một màn hình và một designer thì không. Nếu màn hình mới ra chậm vì mọi chi tiết đều phải quyết lại, hoặc cùng một component tồn tại năm lần trong code, thì hệ thống hoàn vốn rất nhanh.

Dựng mất bao lâu?

Phần lõi dùng được — token, những component đội thật sự cần và quy tắc quanh chúng — thường mất vài tuần. Việc đưa vào một sản phẩm đang chạy lâu hơn, và đó là phần đáng lên kế hoạch.

Cuối cùng chúng tôi nhận được gì?

Một thư viện Figma với token và component đủ trạng thái, tài liệu nằm cạnh từng cái, và những màn hình đã chuyển đổi cùng đội kỹ thuật của bạn. Nó là của bạn: vẫn dùng được sau khi hợp tác kết thúc.

Các bạn có dựa trên cái sẵn có được không?

Được, và chúng tôi còn thích vậy hơn. Làm lại từ đầu là vứt bỏ những quyết định đội bạn đã đưa ra, và tạo thêm một hệ thống thứ hai phải giữ cho khớp với cái cũ.

Một design system tốn bao nhiêu?

Fractional: 4.200 USD mỗi tháng. Full-time: 7.700 USD mỗi tháng. Dự án trọn gói từ 30.000 USD. Trang bảng giá hiển thị cả ba theo tiền tệ bạn chọn.

Hợp tác với chúng tôi

Đặt lịch trao đổi ban đầu

Tôi muốn trao đổi về thiết kế
Hình thức hợp tác tôi quan tâm là