PRAKTIKUM

Interaksi Manusia Komputer

Introduce To Figma (Part 2)

 FigJam

FigJam adalah online whiteboard yang dibuat untuk para desainer

untuk mencari ide dan bertukar pikiran dengan tim besar mereka.
Anggap saja sebagai versi ringan dari Figma yang lebih mudah dipelajari
dan bahkan lebih menyenangkan untuk digunakan. Ini untuk
mendefinisikan masalah pengguna, mencari inspirasi, dan
mengeksplorasi ide.
 Kegunaan

1. Bertukar pikiran dan

mengeksplorasi ide
2. Membuat decision trees, diagram,
dan Mindmap
3. Kumpulkan ide, catat umpan
balik, dan atur penelitian
4. Rencanakan dan jalankan rapat,
tutorial, atau sesi interaktif
lainnya
5. Berkolaborasi dan menyelaraskan
dengan pemangku kepentingan
proyek di satu tempat
 Fungsi / Keunggulan Lain

• Buka Figma di browser file.

• Klik Recent atau Draft Anda
di sidebar.
• Pilih papan FigJam di kanan
atas layar
Lets Explore FigJam file
 Board

File FigJam memiliki tiga

wilayah berbeda: Board, File
Toolbar, Main Tools dan Object
Bar. Kami telah
menyederhanakan tata letaknya
sehingga Anda dapat mengetahui
apa yang hidup di setiap lokasi.
 File Toolbar

Toolbar bagian atas adalah tempat Anda akan menemukan pengaturan file dan alat untuk
berkolaborasi. Ada tiga grup: meeting tools, file settings, and view options.

Di sebelah kiri, Anda akan Di tengah, nama proyek/file Di sebelah kanan, ikon Audio,
menemukan Timer dengan dan pengaturan tingkat file apa tombol Bagikan, dan opsi
musik, Voting, Template, dan pun. tampilan Anda.
Komentar.
 Tools and objects

Toolbar utama menampung semua alat dan objek FigJam Anda. Ada empat
pengelompokan di toolbar: navigation, tools, resources, dan alat lainnya.

Terdapat Hand tool untuk Terdapat Alat Gambar untuk Mengakses lebih banyak alat, Akses alat untuk membuat
menjelajahi file atau Move tool menggambar atau Shape tool seperti template, pengatur waktu, Teks, Bagian, dan Tabel.
untuk memindahkan atau untuk membuat shape atau stempel wajah, dan blok kode
membuat perubahan pada suatu objek tempel. atau impor media atau tautan
objek. dengan pratinjau langsung.
 Section
Kelompokkan, tampung, dan pindahkan objek bersama-sama di papan Anda dengan beberapa
bagian.
 Stickies

Stiky Note yang menampung catatan

dari pengguna
 Shapes

Shape di FigJam adalah alat

dasar untuk proyek apa pun.
Bentuk dapat diubah
ukurannya, diputar, dan
diberi garis putus-putus atau
padat.
Shape sempurna untuk
diagram, diagram alur,
perjalanan dan alur
pengguna, dan banyak lagi.
 Lines/Connector

Garis memungkinkan Anda

membuat jalur antara
bentuk dan perekat,
mengilustrasikan urutan,
atau memberi anotasi pada
sesuatu di papan Anda.
Setiap baris dapat
dikustomisasi dengan
warna, teks, titik akhir, dan
bobot guratannya sendiri.
Gass Kita Praktek🥳
CONGRATULATION
FOR COMPLETING THIS
CHAPTER
 Secret Timeline

Pengenalan & Prinsip Introduce to Figma Introduce to Figma

IMK Part 1 Part 2
 Secret Timeline

ALERT NOTIFFICATION
Pengenalan & Prinsip Introduce to Figma
IMK Part 1

Congratulation, now you can get the second

hint for the timeline!
Thank you Traveler, See u at the next journey
 Secret Timeline

Pengenalan & Prinsip Introduce to Figma Introduce to Figma

IMK Part 1 Part 2

Flowchart
Ada oleh-oleh hehe
 Tugas
1. Buatlah sebuah desain UI dengan meniru Web atau Aplikasi dengan
menggunakan tools figma yang sudah diajarkan (Minimal 5 tools)
2. Jelaskan bagaimana membuat desainnya melalui video
3. Kumpulkan videonya ke drive lalu kumpulkan link videonya

* Link pengumpulan menyusul

Dadahhh