Lewati ke konten

Panduan Desainer

Desainer

Panduan bagi desainer produk, penulis UX, dan ilustrator untuk membangun antarmuka digital pemerintah yang konsisten dan inklusif dengan INA Digital Design System (IDDS).

Cara Menggunakan UI Kit

IDDS membantu tim desain dan pengembang bekerja lebih efisien dengan panduan visual, komponen, dan dokumentasi yang konsisten di seluruh produk digital pemerintah.

tally-logo
1

Bergabung dengan tim Figma resmi IDDS

Admin desain kami akan menambahkanmu ke workspace Figma IDDS. Belum punya akses?

Ajukan Akses IDDS
figma-illustration
2

Buka file desain kamu di Figma

Buka file proyek tempat kamu akan mendesain antarmuka aplikasi atau website instansi.

figma-idds-lib
3

Aktifkan library IDDS

  • Klik Assets panel (⌥2) di sisi kiri.
  • Temukan INA Digital Design System (UI Kit) di daftar library.
  • Tekan tombol “Add to File” untuk mengaktifkan semua komponen dan gaya desain IDDS.
figma-component-lib
4

Gunakan komponen IDDS

Kamu sekarang sudah bisa langsung menggunakan komponen dari panel Assets → Components, atau gunakan Search bar di Figma untuk mencari komponen seperti: Button, Form Input, Card, Modal, Stepper, dan lainnya.

Alat dan Sumber Daya

Berikut adalah alat dan sumber daya utama yang digunakan oleh tim desain dan pengembang dalam membangun ekosistem produk digital pemerintah Indonesia.

figma-logo

Figma

Desain antarmuka dan komponen IDDS.

Buka Figma
ag-illustration

Inter

Font resmi untuk seluruh antarmuka digital.

Unduh Font
tabler-logo

Tabler

Pustaka sistem ikon resmi IDDS.

Lihat Pustaka Icon

Panduan IDDS

Dokumen prinsip dan panduan desain.

Unduh Panduan