Button

Button

Button là thành phần tương tác cơ bản nhất. Trong Figma, Button có 48 variants (variant × size × state).

Variants

Variant	Dùng cho
Primary	Hành động chính trên trang (CTA, submit)
Outline	Hành động phụ, ít quan trọng hơn
Ghost	Hành động tertiary, trong table/row

Sizes

Size	Height	Font	Dùng cho
lg	—	16px	Hero CTA
md	—	14px	Default
sm	—	12px	Compact UI
xs	—	10px	Table actions

States

Mỗi variant có 4 states: default, hover, pressed, disabled.

Ví dụ

Create Project

Save ChangesSaveOK

Settings

CancelCancel

EditArchive

Disabled

Primary DisabledOutline DisabledGhost Disabled

Nên & Không nên

Nên

• Dùng 1 Primary button trên 1 view
• Label là động từ mạnh: “Lưu”, “Xóa”, “Gửi”
• Dùng size phù hợp với context

Không nên

• Dùng từ mơ hồ: “Đồng ý”, “Tiếp tục”
• Nhồi quá 2 icon vào 1 nút
• Dùng disabled khi có thể ẩn button đi