Memanfaatkan Figma Community Untuk Project Berbasis Filament

Syafaat Adi
2 min readJul 2, 2024

--

Banyak tersedia asset yang dapat digunakan kembali untuk membantu pekerjaan. Salah satunya yaitu asset figma dari filament yang bisa digunakan.

Filament adalah open source pembuat panel admin Laravel, aplikasi yang berhubungan dengan pelanggan, SaaS, dan sebagainya.

Contoh studi kasus ini adalah pembuatan payroll berabasis filament. Dalam membuat aplikasi ini perlu kostumisasi secara tampilan. Dengan adanya figma community bisa dimanfaatkan sebagai bantuan untuk mempercepat proses pembuatan design agar segera dapat dikerjakan oleh engineer. Walaupun sebenarnya sudah tersedia template di figma community tetapi agar sesuai flow tetap harus disusun, reuse, modify component yang sudah ada. Karena file ini bukan official dari filament maka perlu digaris bawahi bahwa akan ada perbedaan dan perlu penyesuaian.

Berikut contoh component yang terdapat pada filament:

Contoh components filament

Berikut langkah-langkah yang dilakukan dalam studi kasus ini,

1. Menduplikasi file figma dari figma community

2. Setelah berhasil di duplikasi bisa kalian reuse dan modify untuk component sesuai kebutuhan apabila component yang ada kurang sesuai. Berikut contoh component yang di reuse dan modify agar sesuai flow dan kebutuhan studi kasus payroll ini:

Akan tetapi ketika modify component yang ada perlu koordinasi dengan engineer yang mengerjakan agar masih sesuai dengan dokumentasi filament yang ada.

Jadi, kesimpulan dalam studi kasus filament ini bagi designer akan terbantu dengan adanya filament yang terdapat pada figma community dan bisa dimanfaatkan dengan cara reuse dan modify. Akan tetapi tetap perlu koordinasi dengan engineer yang mengerjakan agar tetap optimize untuk mempercepat project.

--

--

Syafaat Adi

Hi, Please enjoy the Cake of Design. Berbagi cerita dan tips UI/UX Design.