Thư viện thuật ngữ / UI/UX

Bàn giao thiết kế là gì?

Còn gọi: design handoff, handoff, dev mode

Design handoff là giai đoạn designer chuyển giao thiết kế cho lập trình viên, gồm file giao diện, thông số (khoảng cách, màu, font), tài nguyên xuất sẵn, trạng thái tương tác và ghi chú hành vi.

Ảnh minh hoạ Bàn giao thiết kế (design handoff): màn hình thiết kế với các, màu, trạng thái, và bảng thông số dành cho lập trình viên
Màn hình thiết kế với các, màu, trạng thái, và bảng thông số dành cho lập trình viên

Hiểu kỹ hơn

Handoff tốt không chỉ là gửi link Figma: designer cần đặt tên layer và component rõ ràng, dùng style và token thay cho giá trị rời, mô tả trạng thái lỗi, trống, tải, và các breakpoint. Figma có Dev Mode giúp lập trình viên xem thông số và code gợi ý. Tốt nhất là designer và lập trình viên trao đổi từ sớm, không đợi đến cuối mới bàn giao, rồi kiểm tra lại bản dựng (design QA).