Membuat sistem desain memungkinkan Claude Design menghasilkan output yang sesuai dengan spesifikasi Anda. Sistem ini mengekstrak komponen yang dapat digunakan kembali, warna, tipografi, dan pola dari aset yang Anda berikan—basis kode, slide deck, atau referensi desain lainnya—dan menggunakannya sebagai fondasi untuk setiap proyek yang dibuat dalam akun Anda.
Claude Design oleh Anthropic Labs kini tersedia dalam pratinjau penelitian untuk paket Pro, Max, Team, dan Enterprise. Kemampuan ini dinonaktifkan secara default untuk paket Enterprise.
Panduan ini ditujukan untuk desainer atau pemilik merek yang akan menyiapkan sistem desain. Anda hanya perlu melakukan ini sekali; setelah penyiapan, proyek semua anggota tim secara otomatis menggunakannya (untuk paket Team dan Enterprise).
Prasyarat
Izin yang diberikan oleh admin organisasi Anda untuk penyiapan sistem desain.
Setidaknya salah satu dari berikut ini sebagai materi sumber:
Basis kode dengan sistem desain atau perpustakaan komponen Anda
Slide deck atau dokumen yang mencerminkan identitas visual Anda
Aset panduan merek (logo, palet warna, spesifikasi tipografi)
Langkah 1: Buat atau beralih ke organisasi Anda
Untuk menyiapkan sistem desain organisasi Anda:
Buka Claude Design.
Di sudut kiri bawah pemilih proyek, klik nama organisasi saat ini.
Pilih organisasi Anda, atau buat yang baru.
Anda akan dialihkan ke alur onboarding. Selesaikan alur tersebut.
Langkah 2: Unggah aset merek dan produk Anda
Selama onboarding (atau setelahnya dari pengaturan organisasi Anda), unggah aset yang menentukan merek dan produk Anda. Claude akan menganalisisnya dan mengekstrak sistem desain yang dapat digunakan kembali.
Yang harus diunggah:
Basis kode: Jika sistem desain Anda ada dalam kode (misalnya, perpustakaan komponen React), Anda dapat menautkan atau mengunggah repositori. Claude akan membaca komponen dan gaya.
Prototipe: Tangkapan layar, alur web, dan file desain yang ada.
Slide deck atau dokumen: Bahkan PowerPoint atau PDF yang dirancang dengan baik yang mencerminkan merek Anda dapat berfungsi. Claude mengekstrak warna, pola tata letak, dan pilihan tipografi.
Aset individual: Logo, file palet warna, spesimen tipografi.
Anda hanya memerlukan satu sumber untuk memulai, tetapi memberikan beberapa sumber memberi Claude lebih banyak untuk dikerjakan.
Langkah 3: Tinjau sistem desain yang dihasilkan
Setelah mengunggah, Claude menghasilkan sistem desain (UI kit) untuk organisasi Anda. Ini biasanya mencakup:
Palet warna: Warna primer, sekunder, dan aksen yang diekstrak dari aset Anda.
Tipografi: Keluarga font, ukuran, dan bobot.
Komponen: Tombol, kartu, elemen navigasi, dan pola UI yang dapat digunakan kembali lainnya.
Pola tata letak: Spasi, sistem grid, dan struktur halaman.
Untuk memvalidasi sistem desain Anda, buat proyek uji dan lihat apakah output sesuai dengan ekspektasi merek Anda. Coba prompt seperti:
"Buat halaman arahan untuk [produk Anda]."
"Desain dasbor yang menampilkan [metrik relevan]."
"Buat presentasi tentang [topik yang sering dipresentasikan tim Anda]."
Langkah 4: Buat tersedia untuk tim Anda
Setelah Anda puas dengan kualitas sistem desain, pastikan toggle "Published" diaktifkan. Setelah dipublikasikan, proyek apa pun yang dibuat dari layar beranda Claude Design sambil berada di organisasi Anda akan menggunakan sistem desain Anda alih-alih yang default.
Tips untuk hasil terbaik
Sertakan contoh nyata, bukan hanya spesifikasi. Halaman arahan atau situs pemasaran yang selesai memberi tahu Claude lebih banyak tentang nuansa merek Anda daripada palet warna saja.
Iterasi. Jika ekstraksi pertama tidak menangkap merek Anda dengan baik, coba unggah aset tambahan atau berbeda.
Memperbarui sistem desain Anda
Merek berkembang. Ketika sistem desain Anda berubah, Anda dapat memperbaruinya dalam Claude Design. Dari pengaturan organisasi Claude Design Anda, klik tombol "Open" di sebelah sistem desain yang ingin Anda edit. Klik tombol "Remix" di sudut kanan atas untuk membuka antarmuka obrolan di sisi kiri jendela. Dari sini, Anda dapat bekerja dengan Claude untuk mengubah sistem desain Anda.