Hợp tác thiết kế UI trên Figma: Làm thế nào để dịch dữ liệu văn bản trong bản thiết kế thông qua JSON?
“Figma không tích hợp sẵn chức năng dịch, các nhà thiết kế thường sử dụng plugin để xuất dữ liệu JSON. Nếu việc dịch làm thay đổi ID của node trong JSON, văn bản sẽ không thể được đưa trở lại bản thiết kế.”
Phân tích nguyên nhân gốc rễ
Định vị ID node
Khi sử dụng các plugin dịch phổ biến của Figma (như CopyDoc) để xuất JSON, tệp thường bao gồm trường `node_id` và `text`. AI Thương Dịch nghiêm ngặt khóa trường `node_id`, chỉ dịch giá trị `text`, đảm bảo dữ liệu được ánh xạ chính xác trở lại đối tượng layer trong Figma.
Cảnh báo độ dài UI
Giao diện UI rất nhạy cảm với độ dài văn bản. AI khi dịch các văn bản ngắn như nút (Button) hoặc nhãn (Label), sẽ ưu tiên lựa chọn từ ngữ ngắn gọn hơn. Nếu được thiết lập giới hạn 'số ký tự tối đa', AI sẽ cố gắng tạo ra phiên bản rút gọn.
Đảm bảo nhất quán giữa các biến thể (Variant) của thành phần
Đối với các thành phần trong hệ thống thiết kế (như Primary/Secondary Button), AI có thể nhận diện các mẫu văn bản lặp lại, đảm bảo cùng một 'Submit' ở tất cả các biến thể của nút đều được dịch thống nhất một từ, tránh sử dụng lẫn lộn giữa 'Gửi' và 'Xác nhận'.
Tổng kết giải pháp cuối cùng
Kết nối quy trình thiết kế với bản địa hóa, giúp thiết kế UI đa ngôn ngữ không còn là nỗi ám ảnh của việc sao chép và dán.