Nested instances là gì?
Còn gọi: instance lồng nhau, nested instance, nested component, expose nested instances, component lồng component
Nested instance là một instance của component nằm bên trong component khác, ví dụ nút bấm nằm trong thẻ sản phẩm; Figma cho phép đưa thuộc tính của chúng ra ngoài để chỉnh nhanh.
Hiểu kỹ hơn
Design system thường xây theo tầng: icon nằm trong nút, nút nằm trong thẻ, thẻ nằm trong danh sách. Mỗi tầng là một nested instance. Vấn đề là khi dùng thẻ, muốn đổi trạng thái nút bên trong phải bấm sâu nhiều lần. Tính năng Expose nested instances (trong mục Properties của main component) đưa các property của nút lồng bên trong lên panel của thẻ, nên chỉ cần chọn thẻ là chỉnh được cả nút. Khi sửa main component của nút, mọi thẻ dùng nút đó cập nhật theo. Lời khuyên: đừng lồng quá sâu và quá nhiều tầng, vì tệp nặng và khó bảo trì; chỉ expose những property mà người dùng thật sự cần đổi.
