Sorotan: Obrolan AI , game seperti Retro , pengubah lokasi , Roblox yang tidak diblokir
Sorotan: Obrolan AI , game seperti Retro , pengubah lokasi , Roblox yang tidak diblokir
Merancang antarmuka pengguna untuk situs web dan aplikasi mobile bersama tim Anda itu sederhana: gunakan Figma, sebuah alat prototyping yang kuat dan gratis. Siapa pun dapat berpartisipasi dalam proses desain berkat fokus pada kolaborasi online dan antarmuka tambahan berbasis browser. Satu-satunya kekurangannya adalah batasan pada versi gratis alat tersebut. Itu mungkin hal paling dasar yang kita ketahui tentang Figma. Artikel ini membantu kita mengenalnya lebih jauh dengan membaca ulasan Figma lengkap berikut.
Daftar isi
Mendesain antarmuka pengguna untuk situs web dan aplikasi seluler dengan tim Anda sangatlah mudah: menggunakan Figma, alat pembuatan prototipe yang kuat dan gratis. Siapa pun dapat berpartisipasi dalam proses desain berkat penekanan pada kolaborasi online dan antarmuka tambahan berbasis browser. Keterbatasan pada edisi gratis alat ini adalah satu-satunya kekurangannya.
Selanjutnya, program berbasis web yang dibuat khusus untuk membuat antarmuka pengguna disebut Figma (UI). Ini dikembangkan pada tahun 2015 oleh sekelompok kecil pengembang Google yang bermaksud menciptakan pendekatan yang lebih efektif untuk berkolaborasi dalam proyek UI. Mereka mengira alat saat ini seperti Photoshop dan Sketch tidak cukup serbaguna, yang membuat mereka marah. Jadi mereka mulai mengembangkan sesuatu yang baru untuk memungkinkan orang menyelesaikan lebih banyak tugas dengan lebih cepat.
Terlebih lagi, Figma yang hasilnya go public pada tahun 2016. Sejak saat itu, Figma telah digunakan oleh ribuan desainer ahli dan diunduh jutaan kali. Karena menyediakan pelanggan dengan kombinasi fungsi khusus yang tidak dimiliki perangkat lunak lain, popularitasnya meningkat dengan cepat.
Program pengeditan foto profesional Photoshop telah ada sejak lama. Desainer dan fotografer mengedit foto menggunakan Photoshop untuk men-tweak hal-hal seperti Pangkas, ubah ukuran, dan warna. Aplikasi web baru bernama Figma diperkenalkan pada tahun 2016. Itu dibuat untuk membantu pengguna dalam memproduksi wireframe, prototipe, dan maket untuk situs web dan barang digital lainnya. Berikut adalah tiga alasan bagus mengapa Anda menggunakan Figma daripada Photoshop.
◆ Mudah Digunakan. Kemudahan penggunaan Figma adalah salah satu keunggulan utamanya. Tidak ada toolbar atau menu yang membingungkan sehingga Anda tersesat. Sebagai gantinya, yang perlu Anda lakukan hanyalah memilih dari menu utama di bagian atas layar.
◆ Tidak Diperlukan Pengalaman. Berbeda dengan Photoshop, Figma tidak memerlukan pengetahuan sebelumnya untuk dipelajari. Siapa pun dapat langsung memakainya dan mulai bekerja.
◆ Figma sangat baik untuk desainer karena tidak dimaksudkan untuk menggantikan Photoshop. Ini adalah aplikasi pendamping untuk membantu desainer situs web menyempurnakan pekerjaan mereka.
Figma adalah alat gratis dengan langganan bulanan dan tahunan dengan harga terjangkau. Keanggotaan bulanan dan tahunan premium untuk Figma, program desain antarmuka gratis, adalah untuk pengguna yang mahir. Tentu saja, versi gratisnya memiliki batasan. Pengguna dapat membuat tiga file FigJam dan tiga file Figma. Untuk konsumen biasa, tim yang relatif kecil, dan desainer independen, itu tidak buruk.
Untuk pengguna yang telah membayar, ada dua upgrade yang tersedia. Pustaka tim, pembicaraan audio, dan penambahan file di Professional tidak terbatas. Berguna jika Anda perlu menjaga branding Anda tetap konsisten. Biaya bulanan adalah $15, £14, atau AUD 24 per editor. Tarif bulanan untuk editor adalah $12, £11, atau AUD 19 untuk langganan tahunan.
Biaya organisasi $45 / £41 / AUD 71 per editor per bulan untuk langganan tahunan dan mencakup semua yang dilakukan Profesional, serta pustaka, analitik, dan manajemen file terpusat di seluruh organisasi.
Anda dapat memamerkan karakter favorit Anda dalam pose yang Anda suka dengan bantuan tokoh aksi PVC yang sangat diartikulasikan namun tetap menarik dalam seri Figma. Selain itu, Angka dalam seri Figma, terbuat dari ABS dan PVC, diartikulasikan. Setiap figur dilengkapi dengan dudukan yang fleksibel. Tinggi figur berkisar antara 13 hingga 16 cm, tergantung tinggi karakter.
Temukan 300+ templat yang dibuat oleh staf kami untuk membantu Anda memulai ide atau membentuknya menjadi sesuatu yang baru. Silakan mulai dengan navigasi di atas, atau gulir ke bawah untuk menelusuri beberapa kategori favorit kami untuk mendapatkan ide. Beberapa template Figma yang paling disukai oleh pengguna adalah sebagai berikut:
◆ Kit untuk Wireframe. Kit wireframe berbasis komponen kami memungkinkan Anda memvalidasi ide dengan cepat dan mempercepat proses desain situs web.
◆ Gunakan template pengembangan produk kami untuk merencanakan build Anda berikutnya. Template FigJam menawarkan peta jalan yang andal dari awal perjalanan produk Anda hingga produk akhir itu sendiri, memungkinkan Anda mengambil kendali dengan percaya diri.
◆ FigJam dapat menghidupkan perencanaan produk. Prosedur perencanaan yang menghasilkan konsensus alih-alih kekacauan adalah langkah pertama dalam menciptakan produk yang luar biasa. Cari tahu bagaimana FigJam, papan tulis tim online, membuat perencanaan menjadi lebih inklusif, efektif, dan menyenangkan.
Plugin Figma memungkinkan Anda untuk: Membawa ikon. Selain itu, Anda dapat menarik dan melepas file ikon plugin ke Figma. Tukar ikon yang dipilih dengan cepat. Untuk pengembang, lihat kode untuk ikon yang diimpor. Sisipkan kode untuk mengimpor SVG unik. Ini menerjemahkan data: URI juga. Itu tidak bermuatan! Iconify selalu mengimpor ikon sebagai SVG, tidak seperti plugin lain yang memberikan lebih banyak ikon tetapi meminta uang untuk menggunakan SVG. Proyek Iconify open-source secara eksklusif menyediakan kumpulan ikon open-source.
Selanjutnya, Plugin melacak halaman terakhir yang Anda kunjungi, membuatnya mudah untuk menelusuri atau mencari simbol. Dari halaman opsi, Anda selalu dapat mengatur ulang plugin. Mode ringkas juga tersedia di plugin untuk pengguna dengan monitor kecil. Aktifkan opsi lebar kecil dengan mengeklik tautan menu (3 baris).
Salah satu fitur Figma yang paling penting adalah Tata Letak Otomatis, yang menonjol dari fungsi serupa di program desain lainnya berkat kemampuan beradaptasinya. Intinya, ini memungkinkan Anda membuat bingkai dan komponen sehingga dapat mengembang secara otomatis, baik menyebabkan penampung menyesuaikan dengan ukuran isinya atau sebaliknya.
Buat akun Figma
Kunjungi www.figma.com, klik Daftar, dan isi formulir untuk memulai dengan Figma. Setelah Anda menyelesaikannya, Figma akan diluncurkan dengan layar awal yang terlihat seperti ini. Untuk memulai, pilih 'File Baru', lalu ayo!
Jelajahi Antarmuka Figma
Antarmuka Figma memiliki tampilan dan nuansa yang sangat sederhana tetapi menyembunyikan beberapa kemampuan yang kuat.
◆ Tool. Tool yang kemungkinan besar akan paling sering Anda gunakan—frame, bentuk, teks, dll.—dapat diakses dengan mudah di sini. (Kami akan membahas tool-tool ini dalam beberapa hari ke depan.)
◆ Options. Opsi tambahan untuk tool yang telah Anda pilih ditampilkan di bagian ini. Figma menampilkan nama file ketika tidak ada item yang dipilih (seperti pada contoh di atas). Pilihan kontekstual akan muncul di sini ketika sebuah objek dipilih.
◆ Layers. Setiap komponen file tercantum dan dikategorikan ke dalam Frame dan Group.
◆ Canvas. Di sinilah Anda menyelesaikan dan mengevaluasi semua pekerjaan Anda.
◆ Inspector. Untuk objek yang dipilih, Inspector menampilkan informasi kontekstual dan pengaturan. Pada gambar di atas, kita dapat melihat opsi untuk Canvas itu sendiri. Kita akan membahas ini nanti dalam minggu ini. Harap dicatat bahwa Figma menyediakan tab berbeda di Inspector (Design, Prototype, dan Code).
Membuat Bingkai
Untuk memilih Frame Tool, tekan F. Ikon Frame Tool terletak di bawah kategori Options di bagian atas jendela, di mana Anda juga dapat memilihnya sebagai alternatif. Selain itu, Anda dapat menekan A untuk Artboard jika Anda terbiasa menggunakan Sketch.
Buat layer Teks
Sekarang mari kita tulis beberapa konten. Untuk menambahkan layer Text, klik di mana saja di frame iPhone Anda setelah memilih tool Text dengan menekan T. Mari ketik Sign In karena itu akan menjadi bagian dari desain tombol. Untuk keluar dari tool Text, tekan Escape.
Lapisan harus Disusun dalam Persegi Panjang
Untuk memilih Rectangle tool, tekan R. Gambar sebuah persegi panjang berbentuk tombol mengelilingi teks yang baru dibuat.
Menyelaraskan Teks dan Persegi Panjang
Dengan menekan Escape atau V, pastikan Move tool terpilih sebelum menarik sebuah marquee mengelilingi teks dan persegi panjang tersebut.
Ubah Font
Anda dapat mengunjungi pengaturan Inspektur saat lapisan teks dipilih untuk mengubah font dan ukuran, berat, dan warnanya. Roboto masih digunakan, namun tulisannya sekarang dicetak tebal dan kapital. Coba lihat pilihan Anda!
Menyimpan dan Memberi Nama File
Memberi nama pada file kita adalah tugas terakhir untuk hari ini; untuk melakukannya, pilih semua objek menggunakan Escape pun bisa, lalu klik pada bagian yang bertuliskan Untitled di bagian atas jendela. Kemudian masukkan nama, lalu tekan Save untuk menyelesaikan.
| Paket & Harga | Antarmuka dan Pengalaman | Desain | Kolaborasi daring |
| 4.0 | 4.5 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.5 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.5 | 4.5 | 4.5 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
Apakah Figma sedang down?
File Figma Anda mungkin mogok karena beberapa alasan. Restart komputer Anda adalah solusi yang paling sering. Coba muat ulang file atau buka di browser lain jika tidak berhasil.
Bagaimana cara memotong (crop) bentuk di Figma?
Saat Anda memilih Pangkas dari menu drop-down mode Isi di sudut kiri atas layar, Figma akan menambahkan delapan pegangan biru ke tepi gambar. Kemudian, Anda dapat memutuskan berapa banyak gambar yang akan ditampilkan dengan mengeklik dan menyeret tuas biru ke segala arah.
Apakah Figma mudah dipelajari?
Figma adalah program yang relatif mudah dipelajari oleh desainer Web baru. Ini karena Figma memberi pengguna edisi gratis terbatas dari perangkat lunak tanpa batas waktu bawaan, dan alatnya mudah digunakan.
Kesimpulan
Anda akan memahami FIGMA dengan baik dari postingan ini, beserta kelebihan dan kekurangan utamanya. Platform pengembangan perangkat lunak berbasis tim sumber terbuka untuk membuat aplikasi web adalah FIGMA. Ini memiliki editor kode, alat pengujian, dan editor teks kaya. Model-View-Controller (MVC) adalah dasar dari FIGMA. Meskipun memiliki kekurangan tertentu, Anda dapat dengan mudah mempelajari Figma dengan mengikuti beberapa langkah sederhana yang disebutkan di atas berkat manfaatnya. Kami harap posting ini memberi Anda setiap detail.
Apakah Anda merasa ini membantu?
329 Suara
YATerima kasih telah memberi tahu kami!
TidakTerima kasih telah memberi tahu kami! 
Ulasan Editor Pixlr: Untuk Pengguna Tingkat Lanjut dan Berbiaya Rendah
Editor Foto
Ulasan FastStone: Edit dan Konversi Foto dengan Cara Mudah
Konverter Foto
Ulasan Aplikasi VSCO: Membuat, Membuat, Mengedit, dan Memposting Gambar
Editor Foto
Ulasan Snapseed dan Alternatif Editor Profesionalnya
Editor FotoKonverter video all-in-one, editor, penambah yang ditingkatkan dengan AI.
