Merancang antarmuka pengguna yang efektif bukanlah tugas yang mudah. Namun, itu menjadi jauh lebih mudah ketika Anda memiliki alat yang tepat yang Anda inginkan.
Langkah pertama adalah menemukan alat yang akan Anda nikmati saat bekerja dan yang memiliki semua fitur yang Anda butuhkan dalam perangkat lunak desain UI. Untunglah, gambar cocok dengan tagihan itu dengan cukup baik.
Setelah Anda memiliki alat ini, Anda dapat dengan cepat mulai bekerja dan merancang antarmuka pengguna yang indah. Namun, mendesain antarmuka dari awal bisa memakan waktu. Sebagai gantinya, pertimbangkan untuk menggunakan web atau kit UI seluler untuk mempercepat proses desain Anda.
Dengan menggunakan kit desain siap pakai, Anda tidak perlu menghabiskan waktu membuat setiap elemen UI dari awal. Anda dapat fokus untuk meletakkan elemen-elemen tersebut dengan cara yang paling logis dan menarik secara visual.
Kami telah mengumpulkan kit dan template UI seluler dan web gratis terbaik untuk Figma, alat pembuatan prototipe yang sangat populer untuk desainer. Lihat di bawah dan unduh ke komputer Anda untuk menghemat waktu pada desain UI Anda berikutnya.
Konten Terkait
Kit UI Seluler Figma Gratis
Pustaka Komponen UI Inti
Nucleus adalah perpustakaan UI gratis dengan 300 komponen dan lebih dari 30 layar. Ini akan memberi Anda semua blok bangunan yang Anda butuhkan untuk merancang aplikasi seluler Anda berikutnya dengan cepat.
Grada Figma UI Kit
Ini adalah kit seluler UI yang indah dan gelap untuk Figma. Ini memiliki banyak elemen yang diperlukan untuk membuat antarmuka seluler yang kaya, jadi pastikan untuk menambahkannya ke perpustakaan Anda.
Kit Bertahan Hidup untuk Desain iOS
Halaman Arahan Agensi di Envato Elements
Gunakan templat halaman arahan ini untuk membawa perusahaan Anda online dengan cepat dan memamerkan apa yang Anda tawarkan. Template ini mudah digunakan dan dikustomisasi serta menyertakan layer dan artboard yang terorganisir dengan baik.
Templat Figma Ticketapp
Jika Anda sedang mengerjakan aplikasi tiket, kit UI ini akan berguna. Ini bekerja dengan Figma dan Sketch dan mencakup elemen seperti layar pembelian tiket, pemilihan kursi, dan banyak lagi.
Komponen Reaction Material-UI di Figma
Kit ini didasarkan pada Desain Material Google, dan menggabungkan komponen seperti bar, avatar, lencana, panel ekspansi, dan banyak lagi. Kit ini gratis untuk digunakan dalam proyek pribadi dan komersial dan sepenuhnya kompatibel dengan perpustakaan React Material-UI.
Templat Figma Dasbor Obrolan
Pertimbangkan perangkat seluler Figma UI gratis ini saat bekerja di dasbor obrolan. Kit ini memiliki antarmuka layar penuh untuk aplikasi obrolan, dan Anda dapat dengan mudah menyesuaikannya agar sesuai dengan kebutuhan proyek Anda.
Template Wireframe Keuangan untuk Figma
Gambar rangka keuangan untuk Figma ini akan berguna kapan pun Anda perlu membuat antarmuka untuk pemroses pembayaran, perbankan, akuntansi, atau aplikasi keuangan lainnya. Ini dapat digunakan dalam proyek pribadi dan komersial.
Kit Deca untuk Figma
Deca adalah pustaka komponen UI yang dirancang dengan indah. Dengan lebih dari 150 komponen, Anda akan menemukan semua yang Anda butuhkan untuk menyelesaikan proyek berikutnya dengan cepat.
Login Wallet Kit UI Seluler untuk Figma
Mudah membuat layar masuk dompet seluler dengan bantuan kit UI ini. Kit ini gratis untuk proyek pribadi dan dapat dengan mudah disesuaikan dengan pilihan warna dan font Anda.
Atro Mobile Figma UI Kit
Kit UI yang cantik dan minimal ini berisi 12 layar berbeda, sehingga Anda dapat dengan mudah menghidupkan visi aplikasi Anda. Kit ini mencakup berbagai ikon, elemen layar, dan elemen vektor sepenuhnya.
iOS iPhone GUI
Jika Anda membutuhkan elemen UI iOS 10, lihat kit ini. Itu dirancang oleh tim Desain Facebook dan mencakup elemen seperti bilah pencarian, laci, avatar, lencana, dan banyak lagi.
Template Tata Letak Web Figma Gratis
Template Portofolio Responsif
Unduh templat Figma portofolio pribadi responsif 24 halaman ini. Ini mencakup versi desktop dan seluler, dan juga kompatibel dengan Sketch dan Adobe XD.
34 Komponen UI Praktis
Ajakan Bertindak Memblokir Template Figma
Ajakan bertindak adalah salah satu elemen terpenting dari situs web atau aplikasi apa pun. Dengan bantuan kit ini, Anda akan dapat membuat blok ajakan bertindak dengan konversi tinggi dalam waktu singkat.
Pembuat Template Email Marka
Template Situs Web Createx (pada Elemen Envato)
Createx adalah kumpulan lima templat tata letak web Figma untuk eCommerce, pendidikan, agensi kreatif, pemasaran digital, dan konstruksi.
Pustaka Wireframe untuk Figma
Ini adalah plugin Figma sederhana untuk membuat wireframes, prototipe, atau hanya struktur UI dasar dengan cepat.
Kit UI Bebas Pikiran UX
Plugin Figma Responsif Breakpoints
Breakpoints adalah plugin gratis baru yang memungkinkan Anda menguji tata letak desain responsif dalam bingkai Figma.
Dasbor Web & Template Statistik Figma
Coba kit Figma ini jika Anda perlu membuat dasbor web atau panel statistik. Template menyertakan template dalam mode terang dan gelap dengan banyak komponen untuk membantu Anda membuat dasbor yang kuat dan modern.
Templat Situs Web Toko Buku Figma
Buat situs web toko buku dengan cepat dengan bantuan template Figma ini. Template menyertakan spanduk bergambar dan gratis untuk penggunaan pribadi.
Kit Web Brutalis untuk Figma
Jika Anda menyukai tren brutal, kit UI ini akan menjadi pilihan Anda. Template mencakup lebih dari 70 layar dengan bagian untuk testimonial, layanan, anggota tim, dan banyak lagi. Template ini gratis untuk proyek pribadi dan komersial.
Gratis Figma Styleguide Template & Starter Kit
Kit Pemula Figma
Kit starter Figma ini berisi elemen UI dasar seperti formulir, tombol, dan ikon dasar. Muncul dalam versi terang dan gelap dan gratis untuk proyek pribadi dan komersial.
Kertas Wireframe Kit di Envato Elements
Kit gambar rangka sederhana ini adalah pilihan tepat ketika Anda harus mulai membuat prototipe desain Anda dengan cepat. Yang harus Anda lakukan adalah memilih komponen yang Anda butuhkan, meletakkannya di layar Anda, dan mulai menyesuaikannya.
Kit Desain Produk untuk Figma
Kit ini disebut-sebut sebagai kit desain pamungkas untuk Figma. Anda dapat dengan mudah membuat gambar rangka, antarmuka pengguna, dan panduan gaya fidelitas tinggi untuk produk desktop. Ini sepenuhnya dapat disesuaikan dan gratis.
Kit UI Dasbor 2.0 di Envato Elements
Kit UI dasbor ini adalah pilihan yang sangat baik jika Anda perlu meniru dasbor aplikasi web atau seluler. Muncul dengan layar seluler yang sepenuhnya responsif dan mencakup kumpulan bagan, grafik, layar orientasi, satu set ikon, dan panduan gaya terperinci.
Gambar Kerangka Gambar Figjam
Pustaka gambar rangka gratis yang menambahkan komponen yang sangat dibutuhkan ke papan tulis online baru Figma.
Panduan Gaya UI Sistem Desain Figma
Jika Anda perlu membuat sistem desain di Figma, kit ini memiliki semua yang Anda butuhkan. Kit ini berisi pola, tipografi, warna, dan pengaturan lain yang diperlukan untuk membuat panduan gaya yang lengkap.
Eggplore Figma UI StyleGuide
Ini adalah panduan gaya UI sederhana dan gratis untuk Figma yang dapat Anda unduh, gunakan, dan sesuaikan dengan kebutuhan Anda. Kit ini gratis untuk proyek pribadi dan komersial.
Sistem Desain UI Tombol untuk Figma
Berkat sistem desain UI gratis ini, Anda dapat dengan cepat dan mudah membuat tombol di Figma. Template ini gratis untuk proyek pribadi dan komersial.
Template Mockup Tanah Liat iPhone
Koleksi kecil dari dua belas template mockup tanah liat iPhone 12 yang dirancang minimal untuk Figma (dan Sketsa).
Set Ikon Figma Gratis
Perpustakaan Dripicons Figma
Kumpulan Dripicons ini secara eksplisit dibuat untuk Figma dan dapat diunduh dan digunakan baik dalam proyek pribadi maupun komersial. Anda dapat menggandakan file ini ke akun Figma Anda sendiri dengan satu klik.
Koleksi Ikon Jejaring Sosial 2022
Koleksi 34 ikon sederhana yang indah ini mencakup semua layanan media sosial utama, dan mencakup versi warna dan hitam & putih.
55 Logo Kripto
Jika Anda sedang mengerjakan proyek cryptocurrency atau blockchain, ini adalah set ikon gratis untuk Anda. Lebih dari lima puluh logo layanan paling populer disertakan dalam template.
Paket Ikon Pembuat Halaman Situs Web di Envato Elements
Gunakan kumpulan ikon ini jika Anda perlu membuat antarmuka pengguna untuk pembuat halaman. Kumpulan ini terinspirasi oleh pembuat halaman paling populer di luar sana dan dapat diunduh sebagai bagian dari langganan Envato Elements Anda.
Evericons untuk Figma
Set ini berisi total 460 ikon yang dapat digunakan untuk proyek apa pun. Set ini gratis untuk proyek pribadi dan komersial.
Ikon Belanja untuk Figma di Envato Elements
Kumpulan ikon ini mencakup 60 ikon yang sempurna untuk toko online, aplikasi belanja, atau situs web. Ikon memiliki lebar garis yang dapat disesuaikan dan dapat digunakan di Figma serta Illustrator, Photoshop, dan banyak lagi.
Ikon Sosial Figma
Coba set ini jika Anda ingin menambahkan ikon media sosial ke desain Anda. Set berisi lebih dari 100 ikon yang mudah disesuaikan dan dapat digunakan dalam proyek pribadi dan komersial.
Ikon Figma Komputer dan IT di Envato Elements
Lihat ikon komputer dan TI ini untuk Figma jika Anda sedang mengerjakan proyek TI. Kit ini berisi 60 ikon dan dapat diunduh sebagai bagian dari langganan Envato Elements Anda.
Perpustakaan Figma Ikon Bahan
Koleksi ikon gratis ini hadir dengan lebih dari 1000 ikon yang dapat Anda gunakan dalam semua jenis proyek dan prototipe. Mereka dapat digunakan dalam proyek komersial dan pribadi.
Figma Font Awesome 5 Ikon Komponen Library
Kumpulan ikon ini didasarkan pada ikon Font Awesome dan berisi lebih dari 1200 ikon unik yang dikategorikan dengan rapi. Mereka dapat diunduh dan digunakan secara gratis dalam proyek pribadi apa pun.
Pustaka Komponen Ikon Figma Entypo
Pustaka ikon Entypo ini dibuat khusus untuk Figma. Muncul dengan 411 ikon vektor gratis dan premium yang siap digunakan untuk proyek desain UX Anda berikutnya. Ini dapat digunakan secara gratis dalam proyek pribadi.
Template Diagram Alir Figma Gratis
Template Flowchart Greyhound untuk Figma
Kumpulan template diagram alur ini dilengkapi dengan lebih dari 200 kartu untuk membantu Anda membuat diagram alur dan prototipe peta situs dengan cepat. Kit ini gratis untuk proyek pribadi dan komersial.
Flow Chart Kit 2.0 untuk Figma
Ini adalah kit diagram alur luar biasa lainnya yang sempurna untuk mendesain peta situs dan memvisualisasikan proses dengan cepat. Kit ini gratis untuk proyek pribadi dan komersial.
Template gratis ini telah dirancang agar Anda dapat dengan cepat membuat presentasi profesional dari kreasi UI Anda. Muncul dengan berbagai tombol, bagan, dan blok teks yang dapat disesuaikan sepenuhnya sehingga Anda dapat membuat presentasi Anda sendiri.
Figma memudahkan pembuatan prototipe cantik dengan cepat untuk aplikasi seluler, aplikasi web, dasbor, peta situs, dan proyek UI lainnya yang Anda butuhkan. Dengan bantuan kit Figma ini, Anda akan dapat membuat prototipe desain Anda lebih cepat, jadi pastikan untuk menambahkannya ke perpustakaan Anda hari ini.
.
