UI3: Redesain antarmuka besar-besaran yang berpusat pada pengguna
- UI3 adalah perubahan antarmuka terbesar Figma sejak 2019, dibangun ulang untuk mengurangi kompleksitas dan menyediakan ruang kolaborasi bagi tim
- Pada pengujian beta awal, ditemukan masalah panel melayang (floating panels) yang memperlambat kecepatan kerja
- Berdasarkan masukan pengguna, panel diubah menjadi docked agar dapat diubah ukurannya
- Detail kecil seperti penambahan scrolling horizontal turut diterapkan untuk menghadirkan lingkungan pengeditan yang lebih intuitif
- Peningkatan utama:
- Akses cepat ke alat utama dan fitur AI melalui toolbar bawah dan menu Actions
- Peningkatan alat eyedropper warna: dapat menggunakan ulang style, mengubah format warna, dan membuat variabel baru
Penguatan fitur inti: Multi-edit dan optimasi performa
- Multi-edit: beradaptasi dengan berbagai gaya kerja dan meningkatkan efisiensi dalam kolaborasi
- Tipografi:
- Mendukung penimpaan style teks (miring, tebal, garis bawah, dan lainnya)
- Alat pemilih font yang ditingkatkan serta pengaturan jarak paragraf campuran dalam satu text node
- Peningkatan performa:
- Pemuatan halaman dinamis untuk mengelola file besar secara efisien
- Optimasi penggunaan memori dan kolaborasi multiplayer yang lebih mulus
- Peningkatan alat manajemen tim:
- Penambahan alat pengorganisasian seperti pin file, filter pencarian, dan pemisah halaman
Fitur AI: mengurangi gesekan dalam alur kerja desain
- Pencarian visual: unggah gambar atau area kanvas untuk cepat menemukan file dan komponen yang dibutuhkan
- Pembuatan dan transformasi teks:
- Penggantian teks, terjemahan, ringkasan, dan penyisipan teks yang realistis
- Pembuatan dan pengeditan gambar:
- Menyediakan pembuatan gambar berbasis AI dan fitur penghapusan latar belakang
- FigJam:
- AI mind map untuk memvisualisasikan ide dan membuat materi presentasi Figma Slides secara otomatis
Figma Slides: alat presentasi yang berfokus pada kolaborasi
- Menyediakan mode presentasi berbasis fitur kolaborasi Figma
- Menjaga konsistensi dengan template pintar
- Menambahkan fitur polling real-time dan interaksi
- Dapat membuat outline deck slide secara otomatis dari board FigJam
Sistem desain: meningkatkan skalabilitas dan fleksibilitas
- Memperkuat kontrol teks dengan variabel tipografi
- Fitur variabel baru untuk properti komponen:
- Memungkinkan sistem desain tetap terjaga tanpa memisahkan instance
- Mempercepat awal proses desain dengan UI kit siap pakai
Alat developer: Dev Mode dan Code Connect
- Peningkatan Dev Mode:
- Penambahan alat anotasi untuk kolaborasi desain-pengembangan
- Ekstensi VS Code yang mengintegrasikan konteks desain langsung ke editor kode
- Code Connect:
- Menyediakan snippet kode produksi untuk memperkuat konsistensi antara sistem desain dan kode
Kontribusi komunitas: plugin dan template
- Plugin yang menonjol:
- LottieFiles: membuat animasi
- Peppercorn: membuat style teks
- Vector to 3D: mengubah desain menjadi 3D
- Template yang menonjol:
- Lebih dari 500 template FigJam dibagikan
- Menyediakan berbagai resource desain dan template kreatif
Acara global dan pertumbuhan komunitas
- Config 2024: dihadiri lebih dari 10.000 orang, mengeksplorasi masa depan desain dan pengembangan
- Friends of Figma: 220 grup lokal, mengadakan lebih dari 500 acara
- Berbagi pengalaman yang praktis dan bermakna dengan berpusat pada komunitas
- Pada 2024, fokus utamanya adalah memperkecil kesenjangan antara desain dan pengembangan, ide dan presentasi, imajinasi dan kenyataan
- Pada 2025, mereka berencana memperluas lebih jauh kemungkinan alat desain bersama komunitas
1 komentar
Kali ini saat menyiapkan GeekNight, saya mengerjakan desain dengan Figma.
Bahkan hanya melihat sekilas dari samping pun, rasanya benar-benar mengejutkan betapa nyamannya alat ini digunakan.
Sepertinya bukan hanya desainer, para developer juga sebaiknya mencobanya dan mempelajari cara kerja mereka.