(0275) 2974 127
Figma adalah editor grafis vektor dan alat prototyping dengan berbasis web serta fitur offline tambahan yang di aktifkan oleh aplikasi dekstop untuk Mac OS dan Windows. Aplikasi pendamping Figma Mirror untuk Android dan iOS memungkinkan untuk melihat prototype Figma pada perangkat seluler. Rangkaian fitur figma berfokus pada penggunaan dalam antarmuka pengguna dan desain pengalaman pengguna dengan penekanan pada kolaborasi waktu nyata (real-time).
Sederhananya Figma adalah alat prototyping dan desain digital. Aplikasi desain UI dan UX yang dapat digunakan untuk membuat situs web, aplikasi, atau komponen antarmuka pengguna yang lebih kecil yang dapat diintegrasikan ke dalam proyek lain. Dengan berbasis vektor yang hidup di cloud, para pengguna Figma memungkinkan untuk bekerja di mana saja dari browser. Cara ini termasuk alat zippy yang dibuat untuk desain, pembuatan prototipe, kolaborasi, dan sistem desain organisasi.
Figma adalah alat yang solid dengan paket gratis yang bisa di coba bagi siapa saja yang bekerja di ruang digital. Alat ini termasuk dalam kemampuannya untuk membantu para desainer dan penggunanya dalam kemudahan pemasaran produk atau desain kepada klien dan calon pemberi kerja.
Menampilkan keunggulan banyak fitur, alat desain dan prototipe proyek sejenis tidak memiliki fitur kunci serta kemampuan seperti figma sehingga Figma menjadi pilihan utama jika dibandingkan dengan yang lain. Fitur- fitur Figma terbukti dapat menghemat waktu desainer dan membuat proyek serta kerjasama dalam bentuk tim berjalan lebih lancar.
Fitur- fitur utama Figma yang paling unggul meliputi :
Figma memiliki paket gratis dan berbayar, tergantung pada volume atau banyaknya pekerjaan yang akan dilakukan, serta fitur kolaborasi premium. Berikut detail harga lengkap Figma :
Pengguna yang memilih menggunakan paket ini akan mendapatkan dua editor dan tiga proyek dengan riwayat versi 30 hari, serta penyimpanan cloud tanpa batas.
Pengguna paket Profesional ini akan mendapatkan banyak keuntungan termasuk proyek tidak terbatas, versi tidak terbatas, file kustom dan izin pengguna, proyek pribadi khusus undangan, dan perpustakaan tim yang dapat dibagikan.
Sebagai paket tertinggi dari semuanya, pengguna paket ini berhak dalam banyak kemudahan termasuk semuanya dalam sistem desain profesional plus seluruh organisasi, tim terpusat, plugin pribadi, administrasi plugin, font bersama, sistem masuk tunggal, dan juga keuntungan keamanan tingkat lanjut.
Selain 3 jenis paket diatas, Figma juga menawarkan potongan harga untuk pembayaran tahunan versus bulanan, potongan harga dan keuntungan tersendiri bagi para penggunanya dalam kategori siswa.
Berikut ini beberapa tips dan trick yang bisa dicoba atau terapkan jika ingin menggunakan Figma bersama tim, meliputi :
Untuk menggunakan aplikasi figma ada 2 cara yaitu :
1. Klik sign up dan daftar menggunakan email dengan masuk ke figma.com
2. Cara ke 2 dengan install aplikasi figma.com/downloads dan daftar
Perbedaan cara pertama dan kedua yaitu jika memilih cara pertama maka kalian akan menggunakan tool tersebut melalui web browser sedangkan cara kedua kalian akan menggunakan tool tersebut berbasis desktop application.
Setelah registrasi maka tampilan awal akan seperti ini :
Langkah selanjutnya :
klik new file di sebelah kanan atas
Ganti nama Untitled dengan nama yang diinginkan. Sebagai contoh akan membuat Aplikasi Kesehatan
Selanjutnya pilih frame
Dan pilih ukuran sesuai dengan jenis aplikasi yang akan dibuat. Di pembahasan kali ini akan memilih Phone – Android
Mulai mendesain aplikasi. Pertama – tama buat tampilan awal aplikasi kesehatan, caranya pilih rectangle dan tarik dari atas ke bawah di frame warna putih.
Klik kotak Dan ganti warna disebelah kanan di bagian fill sesuai keinginan. Agar lebih menarik bisa ganti warna dengan linier dan pilih 2 warna yang pas.
Tambahkan tulisan dengan klik tombol T diatas dan drag dari kiri ke kanan. Tulis nama aplikasi, misalnya ‘DOKTERKU’
Ubah jenis font dan warna di sebelah kanan. Sebelum merubah ukuran ataupun warna pastikan tulisan di blok terlebih dahulu.
Kklik tulisan tersebut dan klik align horizontal centers di paling atas kanan untu rata tengah.
Buat tulisan kecil dibawah seperti ini dan buat berada di tengah juga dengan align horizontal centers.
bisa ubah nama framenya sesuai keinginan, caranya double klik di tulisan tersebut dan ubah namanya misal ‘Tampilan Awal’
Selanjutnya buat halaman lain untuk intro. Pilih frame tampilan awal, klik kiri dan tekan tombol CTRL + C lalu CTRL + V. Hasilnya akan ada 2 tampilan yang sama
Ganti nama frame yang kedua menjadi intro dan hapus semua isinya agar menjadi kosong
Setelah itu buat kotak di tengah seperti ini dan kotak memanjang dibawahnya, beri tulisan ‘skip’ di kanan atas, ‘live chat’ dan ‘konsultasi dengan dokter spesialis terbaik’ di bagian bawah
Lalu tambahkan juga button menggunakan rectangle. Agar ujung kotak tersebut melengkung kalian ubah angkanya di corner radius misal 30
Setelah selesai, buat yang seperti itu lagi dengan nama frame intro 2. Rubah tulisannya menjadi ‘info kesehatan’ dan ‘artikel tentang kesehatan terpercaya langsung dari ahlinya’
Buat halaman login. Duplicate frame yang sudah ada dan kosongkan. Lalu buat seperti ini menggunakan pen tool. Caranya klik di satu posisi lalu klik tahan di posisi lain dan geser kursornya agar membuat lengkungan
Setelah itu buat rectangle berwarna putih dengan corner radius nya 8 dan menggunakan efek drop shadow lalu tambahkan tulisannya seperti ‘telepon atau email’, ‘password’. Buat juga rectangle dengan tulisan diatasnya ‘masuk’ dan dibawah nya tulisan ‘lupa password’
Lalu buat juga button ‘masuk dengan google’
Untuk menambahkan gambar bisa drag gambarnya atau pilih place image seperti ini. Download gambar google dengan format png di Internet
Jika sudah selesai dibuat untuk halaman daftarnya seperti ini. Caranya sama seperti diatas
Setelah selesai bisa melihat tampilannya dengan menekan tombol play/present di kanan atas
Semoga informasi di atas bermanfaat
Design website toko online tidak hanya soal estetika, tapi juga UX yang bagus secara keseluruhan.…
Sebelum memulai karir Anda sebagai desainer UX, Anda harus membuat portofolio yang mencakup semua pengalaman…
Keep-Alive memungkinkan browser pengunjung Anda mendownload semua konten (JavaScript, CSS, gambar, video, dll) melalui koneksi…
Job description seorang web developer adalah membuat situs web menggunakan berbagai bahasa pemrograman. Tanggung jawab…
Secara default, WordPress tidak mendukung A/B testing. Tapi jangan khawatir. Di bawah ini, kami telah…
UX design merupakan singkatan dari User Experience design atau desain pengalaman pengguna. Istilah ini sering…