Documentation

Page Structure

Setiap Figma file harus memiliki struktur page yang standar:

Design & Documentation
Main page untuk final design dan dokumentasi teknis.

Breakpoints
Additional page untuk visualisasi responsivitas (Tablet & Mobile viewport).

Resources
Dummy page untuk aset mentah atau alternatif design, agar tidak mengotori halaman utama.

Untuk menjelaskan interaksi kompleks, animasi scroll, atau transitions, gunakan metode Storyboard.

Section Overview
Tulis overview singkat (2-3 kalimat) tentang tujuan section sebelum storyboard dimulai.
Max 6 Frames
Visualisasikan perubahan animasi secara kronologis dengan rangkaian frame statis, maksimal 6 frame per interaksi.
Clear Captions
Tulis teks instruksi di bawah setiap frame. Jelaskan apa yang terjadi dan kenapa.
Reference Attachment
Attach link atau embed video referensi di samping storyboard jika ada inspirasi eksternal.
Micro Interaction Coverage
Gunakan storyboard juga untuk memperlihatkan states pada elemen mikro: Link, Hover Nav, Button, Custom Cursor (Normal, Hover, Active, Current).

Sebelum handover, optimalkan semua aset:

File Size
Maksimal 120kb per aset image.
Resolution
Untuk Full-width images minimal 1920px lebar.
Alt Text
Setiap image/video harus punya deskripsi Alt Text unik di samping komponen di Figma, ready for develop untuk SEO.