cara buat wayframe

 Step ala bocil Figma:

  1. Buka Figma, bikin frame – pencet F, pilih device. Mau desktop? mobile? terserah. Itu kayak kertas kosong lo.

  2. Taruh kotak-kotak random – pake R buat rectangle. Taruh di atas buat header, tengah buat konten, bawah buat footer. Gambar? cukup kotak ada tanda silang ✕.

  3. Text asal-asalan – jangan ribet font dulu, tulis aja “Title”, “Button”, “Product Name”.

  4. Grid ON – biar ga berantakan, aktifin layout grid. Anggep aja kayak garis kotak-kotak di buku tulis biar rapih.

  5. Multiple page vibes – bikin beberapa frame: Home, Produk, Detail. Jadi lo punya flow.

  6. Prototype mode – tarik panah dari tombol “Shop Now” ke frame Produk → tadaa udah kayak website beneran walau masih kotak-kotak.

    Wireframe = sketsa → nanti tinggal lo glow up jadi desain cakep.

0 Komentar