Thư viện thuật ngữ / Figma

Main component và instance là gì?

Còn gọi: Figma, main component, instance figma, component gốc figma, bản sao component

Trong Figma, main component là bản gốc của một component, còn instance là các bản sao được dùng trong thiết kế; sửa bản gốc thì mọi instance cập nhật theo.

Hiểu kỹ hơn

Tạo component bằng Ctrl+Alt+K (Cmd+Option+K trên Mac); biểu tượng main component là hình bốn ô thoi đặc, còn instance là ô thoi rỗng. Lấy instance từ panel Assets hoặc nhấn Alt rồi kéo một bản sao. Trên instance, bạn được ghi đè (override) một số thuộc tính như chữ, màu, ảnh, ẩn hiện layer; khi bản gốc thay đổi, phần đã ghi đè được giữ lại, phần còn lại cập nhật. Chuột phải chọn Go to main component để nhảy tới bản gốc, Reset all changes để bỏ ghi đè. Quy tắc tốt: để main component trên một trang riêng (ví dụ trang Components), không đặt trong màn hình thiết kế, tránh vô tình xoá. Lỗi hay gặp: sửa trực tiếp cấu trúc instance thay vì sửa bản gốc, khiến các màn hình không còn đồng nhất.