Sudah Pernah Buat ? Sudah Pak — Design System Series
Kisah nyata yang cukup mengerikan..
User: Apakah Anda pernah membuat design system sebelumnya? Kandidat: Ya, pernah Pak.
User: Bisakah Anda memperlihatkannya?
Kandidat: Tentu, Pak. Sebentar ya.
Sementara menunggu…
User: Berapa lama waktu yang dibutuhkan untuk membuat design system? Kandidat: Sekitar 3–5 hari, Pak, pada saat itu.
Akhirnya, file Figma dibuka oleh kandidat.
Kandidat: Izinkan saya menjelaskan tentang design system yang saya buat, Pak.
User: Baik.
Kandidat kemudian memperlihatkan berbagai komponen yang telah dibuat kepada user.
User: Bagaimana dengan dokumentasinya?
Kandidat: Tidak ada, Pak, karena cukup langsung digunakan.
User: Bagaimana dengan dokumentasi untuk tim developer?
Kandidat: Juga tidak ada, Pak.
User: Apa perbedaan antara design system dan UI Kit?
Kandidat terdiam sejenak, lalu setelah 10–15 detik…
Kandidat: Sama, Pak.
Seringkali, hal seperti ini terjadi ketika saya melakukan wawancara dengan calon desainer UI/UX. Banyak yang masih bingung antara UI Kit dan Design System. Untuk menghindari kebingungan, mari kita telaah lebih dalam mengenai perbedaannya.
The official story of how your organization designs and builds digital interfaces.— Brad Frost
This top-level container is your overarching guidance, an ever-evolving foundational collection of resources and processes for your product ecosystem. It can include technical specs, design tokens, documentation, and best practices; it can also include core principles and processes to guide UX design decisions and product development. — Figma Article
A design system is a set of standards to manage and scale design. It includes reusable components, design principles and guidelines to achieve consistency and efficiency across a company’s digital products. — interaction-design.org
A design system offers a library of visual style, components, and other concerns documented and released by an individual, team or community as code and design tools so that adopting products can be more efficient and cohesive. — Nathan Curtis
A design system is a set of reusable components that, in combination with a set of rules and design tokens (referred to as entities), stores visual design information, like colors or spacing, and enables you to build consistent and accessible applications quickly. — uber.com
Nah bagaimana, sudah terbayang apa perbedaanya ? kalau versi saya sendiri kit adalah sebagian kecil dari design system, atau bisa juga dibilang adalah tahap awal dan pastinya tidak berakhir disitu karena design system adalah sebuah ekosistem untuk menciptakan harmoni baik antara developer, designer dan juga brand.
Membuat kit tidaklah salah namun menganggap itu sebagai titik akhir dari design system tanpa memahami bahwa design system adalah sebuah ekosistem dimana tidak hanya desinger namun ada role lain yang tergabung adalah sebuah kekeliruan.
