Kartu acara1080 × 1350
Malam Desain
Bawa buku sketsa. Kita akan mendesain ulang tiket bus bersama.
Daftar hadir- 1. Atur
- 2. Buat
- 3. Nilai
Kartu ini rusak. Perbaiki.
Baca brief-nya, lalu gunakan panel desain. Saat kelima pemeriksaan berwarna hijau, minta versi dari AI.
Frame
Di Figma
Tekan F untuk menggambar frame, lalu pilih ukuran preset seperti post Instagram di panel kanan. Frame adalah artboard kamu.
Format
Gambar
Di Figma
Seret gambar ke atas bentuk untuk mengisinya dengan foto. Radius sudut ada di panel Design, di sebelah ukuran.
Tampilkan
Lapisan
Keterangan
Tata letak
Di Figma
Auto layout (Shift + A) mengatur padding dan jarak antar-item, jadi spasi tetap rata saat kontennya berubah.
Rata
Teks
Di Figma
Tekan T untuk menambahkan teks. Simpan font dan ukuran sebagai text style supaya semua layar di file tetap konsisten.
Font
Warna teks
Isi
Di Figma
Fill adalah warna sebuah layer. Klik swatch untuk menempelkan kode hex. Cek kontras teks dengan plugin seperti Stark.
Latar
Tombol
- Hierarki
- Kontras 1.7:1
- Tombol menonjol
- Ruang
- Sudut bersarang
- Muat di frame ok
Buat kelima pemeriksaan hijau dulu.
Dasar Figma yang akan kamu pakai setiap hari
Gerakan yang sama dengan yang baru kamu lakukan, sebagai pintasan Figma yang asli. Coba saat kamu membuka Figma di Unit 1.
- F
Frame
Gambar frame (artboard). Pilih ukuran preset di panel kanan.
- T
Teks
Tambahkan teks. Ubah font, ukuran, dan tinggi baris di panel Design.
- RO
Persegi dan elips
Gambar bentuk dasar. Tahan Shift agar tetap persegi atau bulat.
- ShiftA
Auto layout
Susun item dengan padding dan jarak yang tetap rata saat konten berubah.
- Ctrl/⌘D
Duplikat
Salin layer di tempat, lalu pindahkan. Cara tercepat membuat variasi.
- Alt
Ukur
Pilih layer lalu tahan Alt (Option) untuk melihat jarak ke apa pun yang kamu arahkan kursor.
- Ctrl/⌘AltK
Komponen
Ubah layer menjadi komponen yang bisa dipakai ulang, seperti tombol yang kamu gunakan di mana-mana.
- Shift1
Pas di layar
Lihat semua isi kanvas sekaligus. Shift 0 kembali ke 100%.