It’s best to have your tools with you. If you don’t, you’re apt to find something you didn’t expect and get discouraged. -Stephen King-
Mau naikin produktifitas kamu sebagai seorang UX Engineer ? kalau ada toolsnya kenapa kita harus membuat CSS dari awal yang pastinya dengan tools ini bisa membuat tugas dan hidup kamu lebih mudah. Gefami akan memuat beberapa tools online ataupun yang bisa kamu install di device kamu, yg dapat membantu tugas kamu sebagai seorang UX Engineer.
1. Squoosh
Tool yang satu ini dapat kamu gunakan secara online ataupun dapat kamu instal di desktop kamu. Tools ini membantu untuk melakukan resize, konversi dan kompresi image. File yang disupport oleh Squoosh ini cukup banyak dan sudah support .webp dan svg.
2. Hex to RGBA
Tool online ini sangat ringkas, kamu bisa mengkonversi nilai hex dari suatu warna menjadi RGB atau RGBA yang biasanya kamu gunakan untuk warna dengan transparansi.
Tool ini mirip dengan Hex to RGBA, namun lebih lengkap dibanding sebelumnya. Dengan tool ini kamu dapat menggunakan color property yang lebih modern dari CSS yaitu HSL dan format digital warna yang lainnya seperti LUV dan XYZ.
4. Lunacy
Tool sejenis Figma desktop ini cukup membantu jika kamu Windows fanboy dan berkolaborasi dengan UI Designer yang menyajikan designnya dalam bentuk .sketch. Kemampuan tool ini untuk membuka file .sketch cukup straightforward dan saat ini lebih baik jika dibanding dengan Figma.
5. CSS Gradient dan Colorzilla
Dua tools ini merupakan favorit Gefami nih dalam membantu proses pembuatan gradasi warna. Terdapat juga sandbox yang bisa kamu gunakan untuk coba-coba kombinasi gradasi warna yang kamu inginkan.
Tool ini ngebantu banget buat kalian membuat box shadow property. Selain itu di situs ini juga terdapat link untuk kamu mendapatkan snippet code dari kreasi-kreasi CSS yang bisa kamu gunakan untuk memperkaya UI kamu ataupun sebagai inspirasi.
Itu tadi beberapa tools yang Gefami sering gunakan, semoga dapat membantu Gefamian dalam membangun UI yang clean, smooth dan intuitive.
