Apa Itu FigJam? FigJam adalah produk terbaru yang dikembangkan oleh Figma. Secara konsep, FigJam adalah bagian dari platform desain kolaboratif Figma yang memungkinkan pengguna untuk membuat diagram, sketsa, dan brainstorming secara real-time dengan tim mereka. Ini memungkinkan kolaborasi langsung dalam pembuatan ide, prototipe, dan proses desain secara keseluruhan.
Untuk menggunakan konektor di FigJam, berikut adalah langkah-langkahnya:
1. Buka Proyek FigJam: Pertama, buka proyek FigJam di Figma Anda. Pastikan Anda memiliki akses ke alat ini, karena tidak semua versi Figma memiliki FigJam.
2. Tambahkan Konektor: Pilih alat "Konektor" dari panel alat di sebelah kiri (biasanya berada di bawah alat "Gambar"). Ini biasanya berbentuk ikon garis lurus dengan panah di kedua ujungnya.
3. Hubungkan Objek: Pilih objek pertama yang ingin Anda hubungkan. Kemudian, seret salah satu ujung konektor dari objek tersebut ke objek kedua yang ingin Anda hubungkan. Jika Anda ingin menghubungkan objek ke titik tertentu, Anda dapat menyeret konektor dari atau ke titik tertentu pada objek.
4. Penyesuaian: Setelah kedua objek terhubung, Anda dapat menyesuaikan jalur konektor dengan menyeretnya atau menyesuaikan pegangan yang muncul saat Anda memilih konektor.
5. Label: Anda juga dapat menambahkan label pada konektor untuk memberikan konteks tambahan. Klik pada konektor, kemudian tekan "T" atau klik tombol "Text" di panel kanan untuk menambahkan teks. Ini bisa menjadi deskripsi singkat atau keterangan tentang hubungan antara dua objek.
6. Mengedit atau Menghapus Konektor: Untuk mengedit atau menghapus konektor, Anda dapat memilihnya dan menggunakan tombol aksi yang muncul, atau Anda dapat mengklik konektor dan mengubahnya langsung di panel kanan.
7. Simpan dan Bagikan: Setelah selesai, pastikan untuk menyimpan perubahan Anda dan berbagi proyek FigJam dengan anggota tim atau pihak yang relevan.
Itulah langkah-langkah umum untuk menggunakan konektor di FigJam. Pastikan untuk bermain-main dengan alat ini dan menyesuaikannya sesuai dengan kebutuhan proyek Anda!
Artikel Lainnya Dengan Kategori Terkait :
1. Belajar Figma #01 Pengenalan figma
2. Belajar Figma #02 Membuat Projek Pertama kali
3. Belajar Figma #03 Shape pada figma
4. Belajar Figma #04 Layer Pada Figma
5. Belajar Figma #05 Boolean Groups
6. Belajar Figma #06 Pengenalan Figma
7. Belajar Figma #07 Merancang Layar Awal Aplikasi di Figma
8. Belajar Figma #08 Desain Logo dan Ikon Pertamamu di Figma
9. Belajar Figma #09 Desain Halaman Galeri & Postingan Foto di Figma
10. Belajar Figma #10 Membuat dan Menguji Prototipe Interaktif di Figma
11. Belajar Figma #11 Penerapan Constraints dalam Desain Tablet & Desktop
12. Belajar Figma #12 Tips & Trik Figma
13. Belajar Figma #13 Mulai Desain Bareng Figma
14. Belajar Figma #14 Etika dalam Desain Digital
15. Belajar Figma #15 Desain yang Aksesibel dan Inklusif
16. Belajar Figma #16 Dasar Design Research dalam Proses Desain
17. Belajar Figma #17 Content Research & Design
18. Belajar Figma #18 Storytelling dalam Desain
19. Belajar Figma #19 Mengurangi Kerumitan Desain
20. Belajar Figma #20 Design Brief
21. Belajar Figma #21 Storyboard UX
22. Belajar Figma #22 Perbedaan antara UI dan UX
23. Belajar Figma #23 Kesederhanaan dalam Desain
24. Belajar Figma #24 Konsistensi dalam Desain
25. Belajar Figma #25 Constraints dalam Desain
26. Belajar Figma #26 Typography
27. Belajar Figma #27 Visual Hierarchy
28. Belajar Figma #28 Prinsip Dasar Desain UI
29. Belajar Figma #29 Cara Membuat Desain Aplikasi dalam 5 Langkah
30. Belajar Figma #30 Inimum Viable Product (MVP)
31. Belajar Figma #31 Rapid Prototyping
32. Belajar Figma #32 Product Design
33. Belajar Figma #33 UI Design
34. Belajar Figma #34 UX Strategy
35. Belajar Figma #35 UX Research
36. Belajar Figma #36 UX Design
37. Belajar Figma #37 Wirefreaming
38. Belajar Figma #38 Style Guide
39. Belajar Figma #39 Design Thinking
40. Belajar Figma #40 Apa Itu Wireframe dan Mock-up?
41. Belajar Figma #41 Human-Computer Interaction (HCI)
42. Belajar Figma #42 Lateral Thinking
Mahardika Oktadiansyah - 02 Mei 2025
Belajar CSS Lanjutan #166 | CSS animation-name Property
Mahardika Oktadiansyah - 02 Mei 2025
Belajar CSS Lanjutan #165 | CSS animation-iteration-count Property
Mahardika Oktadiansyah - 02 Mei 2025
Belajar CSS Lanjutan #164 | CSS animation-fill-mode Property
