iTailwind

About this plugin

Apa itu iTailwind?iTailwind adalah plugin Figma yang membantu mengubah desain Anda menjadi komponen siap pakai dengan kode Tailwind CSS yang bersih dan akurat.Plugin ini menyediakan serangkaian komponen umum yang dapat Anda konfigurasi langsung di Figma. Setiap komponen yang Anda buat akan otomatis menghasilkan kode Tailwind CSS yang sesuai, sehingga desain lebih mudah diterjemahkan ke kode oleh developer, dengan tingkat kesesuaian yang tinggi antara tampilan di Figma dan hasil akhir di browser.Komponen yang Didukung :1. Button (Tombol)2. Checkbox (Kotak Centang)3. Text Field / Input Field (Kolom Input Teks)4. Radio Button (Tombol Radio)5. Tabs (Tab Navigasi)6. Switch (Saklar On/Off)7. Alert Banner (Banner Peringatan)8. Tooltip (Informasi Melayang)9. Progress Indicator (Indikator Progres)10. Data Table (Tabel Data)Fitur :Real-time PreviewAnda dapat melihat preview komponen langsung di panel plugin saat mengatur properti, sehingga hasilnya bisa disesuaikan sebelum diterapkan ke kanvas.Komponen ReusableSetiap komponen yang dibuat otomatis menjadi Figma Component dengan Auto Layout, sehingga mudah digunakan ulang dan tetap konsisten di seluruh proyek.Kode Tailwind Instan979 Hasilkan kode HTML dan Tailwind CSS yang siap pakai secara otomatis. Kode dapat langsung disalin dan ditempel ke proyek pengembangan.Presisi Desain ke Kode Plugin menggunakan arbitrary values Tailwind misalnya bg-[#HEX] atau text-[14px] untuk memastikan warna, ukuran, spacing, dan detail lainnya sesuai semaksimal mungkin dengan desain asli di Figma.Have fun 🤩Follow me :https://www.instagram.com/m4sbay/