Recontent

Recontent tổ chức design system thành ba tầng có kiểu: token tham chiếu giữ từ vựng thô (giá trị và thang màu), token hệ thống mô tả ý nghĩa, token thành phần ghi lại quyết định của từng thành phần. Vì mỗi tầng trỏ xuống tầng dưới, alias được giữ nguyên tới đầu ra đã biên dịch: đổi ý nghĩa ở một chỗ sẽ kéo theo mọi nút, liên kết và bề mặt.

Plugin biến token thành tệp. Plugin đọc registry token đã giải rồi trả về tệp, nên cùng một cấu hình có thể xuất biến CSS, theme Tailwind v4, defineVars của StyleX, JSON DTCG cho Figma/Tokens Studio, trang tài liệu, Swift cho iOS hoặc TypeScript riêng. Theme là tính năng cốt lõi: chế độ tối chỉ đổi vài màu hệ thống, còn đổi thương hiệu đổi cả bảng màu tham chiếu mà thành phần không cần sửa.

An toàn đến từ recontent diff: so sánh token hiện tại với bất kỳ revision git nào, phân biệt đổi tên với xóa bỏ và thay đổi giá trị với thay đổi phá vỡ, để CI có thể chặn pull request gây hỏng phía sau. Bắt đầu rất ngắn: cài gói, tạo cấu hình bằng recontent init, thêm plugin rồi chạy recontent build.

Lưu ý, recontent.app trước đây tự giới thiệu là công cụ mã nguồn mở về nội dung sản phẩm và bản địa hóa cho đội sản phẩm; sản phẩm hiện tại trên tên miền là công cụ build design token, trang chủ không còn dịch vụ nội dung sản phẩm riêng.