Edisi Markdown

AI-translated from English; not yet reviewed by a fluent editor.

# Bangun dan periksa sistem Claude Design yang dapat dipakai ulang

> Buat sistem Claude Design dari aset merek yang disetujui, tinjau aturannya, uji desain baru, dan pastikan siapa yang boleh menggunakannya.

By BIG CHANGE Editorial

Published: 2026-10-20T15:24:38.202Z
Updated: 2026-10-20T15:24:38.202Z
Canonical: https://bigchange.ai/blog/claude-design-reviewed-brand-system-guide

![Conceptual charcoal illustration of a wide unbranded layout proof emerging from a print press, with three plain samples clipped to its side rail.](https://bigchange.ai/api/media/file/claude-design-brand-system-proof-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

Claude Design dapat mengubah materi merek yang disetujui menjadi sistem untuk desain dan presentasi baru. Hasil yang berguna bukan sekadar palet, melainkan aturan warna, tipografi, komponen, dan tata letak yang tersimpan serta ditinjau, dengan penerapan yang dapat diperiksa dalam desain baru. Panduan ini untuk pemilik merek atau desainer yang berwenang mengolah berkas sumber dan menyetujui hasil. Prosesnya berdasarkan dokumentasi; BIG CHANGE belum membuat atau menguji sistem dalam akun Claude.

## Perubahan utama

- **Apa yang berubah:** Jalur chat dan Artifacts saat ini memungkinkan pemilik berwenang membuat aturan yang dapat dipakai ulang dari referensi merek yang disetujui. Sistem buatan tetap perlu ditinjau sebelum digunakan tim.
- **Mengapa penting:** Membandingkan dan memperbaiki aturan, lalu menguji desain baru, membantu pemilik memastikan sistem tersimpan membawa merek yang diinginkan ke pekerjaan nyata.
- **Yang perlu diperhatikan:** Pemilik tetap harus memeriksa pewarisan aturan pada desain itu, hak aset dan font, aksesibilitas, serta penerima berbagi terakhir. Hasil pertama yang menarik belum menjawabnya.

## Siapkan sumber dan akun

Sistem desain berada dalam beta pada Pro, Max, Team, dan Enterprise. Claude Design dasar tersedia lebih luas, tetapi itu tidak memberi semua akun fitur Design systems. Periksa organisasi dan akun tujuan. Pada Enterprise, pemilik mungkin harus mengaktifkan Design systems di Organization settings > Artifacts; pengaturan dan peran khusus juga bisa membatasi akses. Selesaikan syarat penyimpanan atau residensi data sebelum mengirim: menurut Anthropic, Claude Design saat ini tidak mendukung persyaratan residensi data dan menyimpan aset unggahan secara persisten.

Kumpulkan minimal satu sumber yang disetujui, seperti panduan merek terkini, logo dan font berizin, presentasi representatif, atau pustaka komponen milik sendiri. Catat pemilik, revisi, hak penggunaan dan pemrosesan, serta konflik yang diketahui. Minta pemilik merek menyelesaikan konflik nilai warna, lisensi font, atau aturan logo. Keputusan yang belum ada tetap terbuka; Claude tidak boleh menyetujui nilai merek atas nama pemilik. Pilih desain yang benar-benar dibutuhkan tim dan tentukan peninjau serta penerima sistem nantinya.

Simpan catatan kerja pribadi tentang versi dan hak sumber, akun dan organisasi, nama dan pemilik sistem, serta revisi yang ditinjau. Sediakan tempat untuk peran dan nilai warna, keluarga dan lisensi font, variasi dan aturan logo, variasi dan keadaan komponen, jarak dan tata letak, hasil aksesibilitas independen, identitas desain uji, persetujuan, dan pembacaan ulang akses berbagi. Ini catatan Anda, bukan kolom yang dijanjikan Claude.

## Bangun dan tinjau sistem

1. **Buka Design systems dalam akun tujuan.** Pastikan fitur tersedia dan organisasinya benar. Jalur Anthropic saat ini memungkinkan permintaan sistem dalam chat dari materi terhubung atau unggahan, lalu pengelolaan di Settings > Design systems. Jika akses tidak tersedia, catat hambatan paket, fitur, atau peran yang tepat. Jangan memindahkan aset sensitif ke akun pribadi untuk menghindarinya.
2. **Berikan referensi yang disetujui dan permintaan terbatas.** Unggah atau hubungkan hanya materi yang boleh Anda proses. Permintaan biasa cukup: “Buat sistem desain dari referensi yang disetujui ini. Sebutkan sumber setiap usulan warna, aturan tipografi, instruksi logo, komponen, dan pola tata letak. Tandai aturan yang hilang atau bertentangan untuk ditinjau pemilik, jangan mengarangnya.” Catat revisi masukan sebenarnya dan identitas sistem. Jika sistem nyata sudah ada sebagai komponen React, Anthropic mendokumentasikan `/design-sync` di Claude Code sebagai jalur lain; gunakan hanya kode dan akses yang diizinkan.
3. **Audit sistem buatan terhadap sumber.** Dalam artefaknya, periksa setiap peran dan nilai warna penting; keluarga, ketebalan, skala dan lisensi font; variasi logo, ruang bebas dan larangan; komponen, variasi dan keadaan; jarak, kisi dan tata letak. Catatan penggunaan harus menjelaskan kapan aturan berlaku. Tandai item tanpa dasar atau hilang sebagai belum selesai, dan minta keputusan pemilik sebelum mengubah. Konsep logo buatan tidak menjadi merek berlisensi hanya karena tampak masuk akal.
4. **Perbaiki, dokumentasikan, dan simpan revisi yang ditinjau.** Minta perubahan hanya untuk aturan dengan sumber yang disetujui atau keputusan pemilik yang tegas. Buka ulang sistem tersimpan dan bandingkan nilai perbaikan dengan referensi. Simpan catatan perubahan bertanggal dan salinan panduan yang diizinkan; menurut Anthropic, Claude Design belum memiliki riwayat versi. Catat identitas sistem, pemilik, revisi sumber, peninjau, dan masalah terbuka bersama revisi yang akan diuji.
5. **Lakukan pemeriksaan di luar artefak sistem.** Ukur pasangan teks dan latar, termasuk keadaan komponen, dengan pemeriksa kontras independen berdasarkan standar proyek yang berlaku. Minimum teks WCAG 2.2 adalah 4.5:1 untuk teks biasa dan 3:1 untuk teks besar, dengan pengecualian yang disebutkan. Periksa hak dan keterbacaan font, tata letak responsif, fokus terlihat, dan perilaku keyboard pada desain nyata bila memungkinkan. Menurut Anthropic, pratinjau komponen langsung dalam artefak tidak dapat dijangkau dan dioperasikan dengan Tab; membaca nama dan catatan bukan uji keyboard. Catat pemeriksaan yang tidak bisa dilakukan sebagai belum selesai. Lolos kontras saja tidak membuktikan seluruh aksesibilitas.
6. **Uji pewarisan pada pekerjaan baru.** Mulai desain representatif baru dari chat atau templat Design di Artifacts dengan sistem yang ditinjau dilampirkan atau dipilih. Periksa kanvas nyata pada ukuran relevan dan cocokkan peran warna, tipografi, logo, komponen, keadaan, dan jarak dengan revisi tersimpan. Jika aturan menyimpang, perbaiki sistem atau desain sesuai kebutuhan, lalu buat atau perbarui pengujian dan periksa ulang. Buka kembali sistem dan desain uji di akun tujuan. Satu keberhasilan menunjukkan desain itu, bukan jaminan semua keluaran berikutnya.
7. **Bagikan hanya setelah keputusan pemilik.** Desain awalnya pribadi. Jika hasil yang diminta adalah sistem pribadi yang ditinjau, pertahankan dan catat statusnya. Jika penggunaan tim disetujui, gunakan kontrol berbagi Artifacts saat ini dan baca ulang penerima. Siapa pun yang memiliki akses Design systems dapat membuat dan berbagi ke orang tertentu; berbagi ke semua orang atau menjadikannya standar organisasi memerlukan Owner atau Primary Owner. Sistem harus dibagikan ke semua orang sebelum menjadi standar. Untuk membagikan sistem pembuat lain ke seluruh organisasi, Owner atau Primary Owner harus terlebih dahulu diundang pembuat dengan tingkat akses tertinggi. Pastikan pemilik akhir, penerima, dan standar dalam akun yang benar. Aplikasi terpisah claude.ai/design memiliki kontrol penerbitan sendiri dan dijadwalkan tutup pada 14 Desember 2026; sakelar Published-nya bukan langkah berbagi Artifacts.

## Jika hasil tidak lolos pemeriksaan

Jika fitur tidak tersedia, periksa paket, pengaturan Artifacts, dan peran, lalu hormati batas akses yang tepat. Untuk unggahan atau koneksi gagal, periksa respons dan sumber yang diizinkan sebelum percobaan ulang terbatas. Jika sumber bertentangan, kembalikan keputusan ke pemilik merek; jangan mengisi celah dengan nilai buatan. Jika aturan tersimpan atau desain baru berbeda dari referensi, perbaiki dan ulangi perbandingan. Jika perubahan berbagi belum pasti, baca penerima dan standar saat ini sebelum mencoba lagi. Revisi merek berikutnya memerlukan peninjauan ulang aturan dan desain uji yang terdampak.

Claude Design memakai kuota yang sama dengan Claude lainnya, termasuk Claude Code; kredit tambahan mungkin tersedia bila diaktifkan. Masukan besar dan pengulangan dapat memakai lebih banyak kuota. Panduan ini tidak mengukur waktu, biaya, atau kualitas. Anthropic mendokumentasikan ekspor desain seperti ZIP, PDF, PowerPoint, atau HTML mandiri, tetapi itu tidak membuktikan ekspor sistem otomatis ke CSS, JSON, Tailwind, atau token Figma. Periksa format lanjutan yang diperlukan dalam produk terkini sebelum menjanjikan serah terima.

Selesai berarti sistem tersimpan memiliki pemilik dan revisi yang ditinjau; warna, font, logo, komponen, dan instruksi penting dapat dilacak ke sumber yang disetujui; pemeriksaan independen serta masalah terbuka tercatat; desain baru terlihat memakai sistem; dan penerima serta status standar telah dibaca ulang. Untuk jalur spesifikasi yang disetujui pemilik bagi Claude Code, lihat [panduan DESIGN.md](https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide) kami.

## Sumber dan bacaan lanjutan

- [Anthropic: menyiapkan sistem di Claude Design](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design) — paket yang memenuhi syarat, pembuatan lewat chat dan React, pengelolaan tersimpan, materi, saran uji, dan batas keyboard. Instruksi aplikasi mandiri berikutnya adalah jalur berbeda.
- [Anthropic: administrasi Artifacts untuk Team dan Enterprise](https://support.claude.com/en/articles/16994751-artifacts-admin-guide-for-team-and-enterprise-plans) — kontrol organisasi saat ini, izin berbagi dan standar, penggunaan, unggahan persisten, serta batas residensi data.
- [Anthropic: memulai Claude Design](https://support.claude.com/en/articles/14604416-get-started-with-claude-design) — chat dan Artifacts terkini, lampiran sistem, pemeriksaan kanvas, privasi, kuota bersama, dan tidak adanya riwayat versi.
- [Anthropic: apa itu artefak dan cara menggunakannya](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them) — opsi ekspor desain berbasis templat; tidak menjanjikan interoperabilitas token desain.
- [W3C: memahami kontras minimum WCAG 2.2](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) — ambang dan pengecualian kontras teks untuk pemeriksaan independen.

## Sources

- [Menyiapkan sistem di Claude Design](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design) — Beta paket berbayar, masukan disetujui, pembuatan lewat chat, alternatif React /design-sync, pengelolaan, saran pengujian, batas keyboard, dan instruksi aplikasi mandiri terpisah.
- [Administrasi Artifacts untuk Team dan Enterprise](https://support.claude.com/en/articles/16994751-artifacts-admin-guide-for-team-and-enterprise-plans) — Pengaturan dan peran Artifacts, urutan berbagi seluruh organisasi dan standar, undangan pembuat, kuota bersama, unggahan persisten, dan batas residensi data.
- [Memulai Claude Design](https://support.claude.com/en/articles/14604416-get-started-with-claude-design) — Jalur chat dan Artifacts terkini, pewarisan sistem, desain pribadi, kuota bersama, dan batas riwayat versi.
- [Apa itu artefak dan cara menggunakannya](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them) — Opsi ekspor desain; tidak membuktikan ekspor token sistem otomatis.
- [Memahami kontras minimum WCAG 2.2](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) — Ambang minimum dan pengecualian teks; pengukuran independen tetap tugas pembaca.
- [Buat DESIGN.md yang disetujui pemilik untuk Claude Code](https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide) — Panduan BIG CHANGE terkait #433 untuk konteks, bukan kelanjutan berita bertanggal.