Components

Create Components for Repetitive Elements

Design fokus pada Landing Page, Detail Page, dan Utility Pages. Hanya create komponen untuk elemen global yang muncul berkali-kali.

Elemen yang hanya muncul sekali (hero section, decoration)? Gunakan Raw Frame biasa. Jangan paksa jadi komponen.

You Have to Use Auto Layout

Semua components harus menggunakan Auto Layout. Tidak ada Raw Frame atau Group di dalam main components. Harus fully responsive, menyusut dan melebar mengikuti konten di dalamnya.

Global Navigation

1. Navbar / Header
   Wrapper utama untuk navigasi teratas. Auto Layout untuk manage gap antar-menu.

2. Nav Link
   Micro component untuk menu links. Auto Layout agar hitbox konsisten saat teks berubah panjang.

3. Mobile Menu
   Overlay atau dropdown untuk versi mobile. Auto Layout agar susunan link tetap rapi.

Buttons

Semua buttons (Primary, Secondary) jadi component dengan Auto Layout. Lebar button auto-expand/shrink mengikuti panjang teks berdasarkan padding.

Cards

Blog, testimonial, atau project cards. Jika punya design yang sama, create 1 master component dengan Auto Layout. Ini guarantee spacing antar-konten (judul, deskripsi, gambar) tetap konsisten meski teks panjangnya berbeda.

Footer

Component di bagian bawah. Lock copyright links, social media, dan legal content dengan Auto Layout.

Best Practice

Evaluate sebelum create component. Apakah elemen ini truly repetitive? Kalau tidak, gunakan Raw Frame saja.