50 Template UI Web & Seluler Gratis untuk Figma

50 Template UI Web & Seluler Gratis untuk Figma

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.

Daftar isi

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.

Pustaka Komponen UI Nucleus kit figma ui gratis

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.

Grada Figma UI Kit kit seluler figma ui gratis

Kit Bertahan Hidup untuk Desain iOS

Survival Kit untuk iOS Design template figma gratis

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.

Halaman Arahan Agensi templat tata letak web figma ui gratis

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.

Ticketapp Figma Template free figma ui mobile kit

Komponen Reaksi 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.

Material-UI React Components free figma ui mobile kit

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.

Kit seluler figma ui gratis Dasbor Obrolan

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 seluler figma ui gratis Finance Wireframe

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.

Deca web gratis figma ui kit

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.

Masuk Dompet kit seluler figma ui gratis

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.

Perangkat seluler figma ui gratis Atro

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.

perangkat seluler figma ui gratis ios

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.

Template figma gratis Portofolio Responsif

34 Komponen UI Praktis

34 template figma gratis 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.

Ajakan Bertindak Memblokir templat tata letak web figma ui gratis

Pembuat Template Email Marka

template figma gratis Marka Email Generator

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.

Createx Website Templates figma ui kit

Pustaka Wireframe untuk Figma

Ini adalah plugin Figma sederhana untuk membuat wireframes, prototipe, atau hanya struktur UI dasar dengan cepat.

Templat figma gratis Wireframe Library

Kit UI Bebas Pikiran UX

Templat figma gratis UX Mind UI Kit

Plugin Figma Responsif Breakpoints

Breakpoints adalah plugin gratis baru yang memungkinkan Anda menguji tata letak desain responsif dalam bingkai Figma.

Breakpoints Responsive Plugin kit figma ui gratis

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.

Statistik Dasbor Web, templat tata letak web figma ui gratis

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.

Situs web Toko Buku Figma, templat tata letak web figma ui gratis

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.

Brutalist Web Kit figma ui templat tata letak web

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.

Kit Pemula gratis figma ui styleguide kit

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.

Paper Wireframe Kit gratis figma ui styleguide kit

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.

roduct Design Kit free figma ui styleguide kit

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.

Kit panduan gaya dasbor figma ui

Gambar Kerangka Gambar Figjam

Pustaka gambar rangka gratis yang menambahkan komponen yang sangat dibutuhkan ke papan tulis online baru Figma.

Figjam Wireframe Templates free figma ui kit

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.

Desain Sistem UI Styleguide figma kit gratis

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.

Kit panduan gaya figma ui gratis Eggplore

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.

Sistem Desain UI Tombol, kit panduan gaya figma ui gratis

Template Mockup Tanah Liat iPhone

Koleksi kecil dari dua belas template mockup tanah liat iPhone 12 yang dirancang minimal untuk Figma (dan Sketsa).

iPhone Clay Mockup Templates free figma ui kit

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.

Set ikon figma ui gratis Dripicons

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.

Templat figma gratis Koleksi Ikon Jejaring Sosial

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.

55 template figma gratis Crypto Logos

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.

Kumpulan ikon figma ui gratis Pembuat Halaman Situs Web

Evericons untuk Figma

Set ini berisi total 460 ikon yang dapat digunakan untuk proyek apa pun. Set ini gratis untuk proyek pribadi dan komersial.

set ikon figma ui gratis vericons

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 Belanja set ikon figma ui gratis

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 Sosial kumpulan ikon figma ui gratis

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.

Set ikon komputer dan IT figma ui

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.

Ikon Bahan set ikon figma ui gratis

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.

Font Awesome 5 Ikon Komponen Pustaka set ikon figma ui gratis

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.

Kumpulan ikon figma ui entypo gratis

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.

Tabel data diagram alur figma gratis Greyhound

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.

Flow Chart Kit 2.0 tabel data flowchart figma gratis

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.

Template Presentasi Desain Template figma gratis


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.

.

Hit play on your imagination