Lewati ke konten

NeobrutalismeReact UI Figma kit

Kit Figma dengan tampilan neobrutalisme yang dipetakan 1:1 ke komponen React — 300+ komponen dengan variants, auto-layout, dan anotasi class Tailwind. Token terang dan gelap termasuk; Pro membuka kit.

Figma kit
300+ komponen
  • 300+ komponen Figma
  • Varian & auto-layout
  • Tailwind anotasi kelas
  • Peta 1:1 ke kode
  • Token terang dan gelap
  • Termasuk dalam paket Pro
  • Token tema bawaan
  • Desain → pengiriman
  • Bergaya Neobrutalis
  • v1.3 kit

Skala Desain dan Pembangunan

Salah satu sistem neobrutalis yang tersedia di Figma dan di React — komponen, varian, tata letak otomatis, dan token yang selaras dengan kit kode, sehingga desain dan pengembangan tidak lagi saling menjauh.

01

Setiap komponen dasar, sebagai komponen Figma

Tombol-tombol dalam dialog dan elemen lainnya disediakan sebagai komponen real-Figmas yang dilengkapi dengan varian. Lakukan desain berdasarkan pustaka yang sama dengan yang diinstal oleh aplikasi Anda — bukan mock sekali pakai yang harus dibuat ulang dari awal oleh tim teknik.

Components
Panel komponen di kit Figma Neobrutalism.com
02

Tailwind kelas di setiap lapisan

Setiap lapisan diberi anotasi dengan utilitas yang sesuai dalam kode. Proses serah terima dilakukan dengan menyalin dan menempelkan nama kelas, bukan dengan menyesuaikan padding ini secara manual.

Tailwind classes
Panel kelas Tailwind di kit Figma Neobrutalism.com
03

Pilih tema sekali saja — seluruh paket akan mengikuti

Token terang dan gelap mencerminkan tema kode. Cukup tukar posisi elemen utama, permukaan, dan jenis huruf dalam kit, dan setiap elemen akan diperbarui secara otomatis—sama seperti variabel di CSS yang mengubah tema situs.

Theme tokens
Panel token tema di kit Figma Neobrutalism.com

Figma kit · v1.3

Rancang produk Anda berikutnya yang mencolok

Disukai oleh developer, desainer
& kreator

  • Saya menemukan UI kit ini dan langsung mengambilnya. Terkesan: masih baru, dirawat aktif, dan terus diperbaiki. Kerja luar biasa! 🤘

    Ziv Reich, Software Developer
  • Saya hanya ingin bilang: kerja yang bagus untuk neobrutalism.com. Benar-benar menyukainya. Saya payah soal desain, jadi ini sangat membantu. Saya memakainya di situs pribadi saya.

    Paul Bratslavsky, Kreator Coding With Paul
  • Akhirnya saya membangun ulang situs pribadi dengan Neobrutalism.com — pustaka yang seru, sangat mudah mulai!

    Cameron Blackwood, Content creator
  • Neobrutalism.com adalah salah satu pustaka komponen UI bergaya retro favorit saya — komponen yang benar-benar siap di-ship.

    Zhengyang Hou, Indie hacker
  • salah satu pustaka ui favorit saya untuk web. kerja yang keren — semoga proyeknya makin jauh melangkah.

    Taseen Tanvir, Founder & desainer
  • Baru mencoba Neobrutalism.com Pro — UI kit yang tidak mirip yang lain. Blok neobrutalismenya 🔥 bikin prototipe layout nyeleneh jauh lebih cepat.

    Nitesh Padghan, Ghostwriter
  • Desain landing page yang indah dengan keseimbangan dan alur yang pas. Palet warna digabung animasi menciptakan pengalaman pengguna yang luar biasa.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI
  • Saya sangat terkesan dengan desain yang mereka kirimkan. Produk akhir benar-benar sesuai dengan yang saya bayangkan.

    Desmond, Co-founder @ VectorlabsVentures
  • Sebagai pemilik agensi, biasanya saya butuh berminggu-minggu menyempurnakan layout landing untuk klien. Dengan Neobrutalism.com, saya pasang template, sesuaikan copy, dan siap ship.

    Duke Opoku Amankwah, Founder @ Midas
  • Template-nya tidak hanya memukau secara visual, tetapi juga terstruktur sangat rapi. Menghemat minggu-minggu waktu development.

    Abiola Braimah, Developer @ Studio IX
  • Kualitas luar biasa dan perhatian pada detail. Desain responsif berjalan mulus di semua perangkat.

    Acromond X., Co-founder @ VectorlabsVentures
  • Mengintegrasikan template ini ke alur kerja kami secara signifikan memangkas siklus development. Kerja yang bagus.

    Raquib S., Backend Developer
  • Template ini sudah jadi sumber andalan kami. Kodenya bersih, terdokumentasi dengan baik, dan mudah dikustomisasi.

    Hallic M., Developer @ AtlasLabs
  • Template Neobrutalism.com menyeimbangkan estetika dan fungsionalitas dengan sempurna. Benar-benar game-changer untuk proyek kami.

    Ibrahim S., Frontend Lead @ ScaleUp
  • Dukungan luar biasa dan template berkualitas premium. ROI template ini fenomenal.

    Kevin K., CEO @ WebCraft
  • Template Neobrutalism.com sepenuhnya mengubah cara kami menangani proyek klien baru. Kualitas kode luar biasa dan desainnya benar-benar world-class.

    Danny G., Founder DevStack
  • Saya sudah memakai banyak pustaka template, tetapi Neobrutalism.com menonjol karena perhatiannya pada optimasi performa dan arsitektur kode yang bersih.

    Ian D., CTO di Wavelength
  • Animasi dan micro-interaction di template ini benar-benar memukau. Investasi terbaik untuk tim desain kami.

    Ben S., Lead Designer di PixelPerfect
  • Sebagai founder non-teknis, template Neobrutalism.com membantu kami meluncurkan MVP dalam waktu rekor tanpa mengorbankan kualitas desain. Investor kami sangat terkesan.

    Matthew I., Founder startup
  • Saya menghargai betapa modular dan terdokumentasinya komponen ini. Kami bisa mencampur potongan dari template berbeda tanpa hambatan.

    Garrett P., Frontend Lead di TechFusion
  • ROI template Neobrutalism.com luar biasa. Kami memangkas waktu development secara dramatis sambil mengirim situs berkualitas lebih tinggi ke klien.

    Xavier C., Pemilik agensi

Figma kit
FAQ

Sistem desain.fig Pro di halaman ini — isi berkas, unduhan yang dibatasi akses, anotasi Tailwind, serta cara sistem ini diintegrasikan dengan kode.

Figma Ada masalah akses ke kit? Kirim email[email protected]