Learning Timeline
Key Insights
Pengurusan Credit AI
Proses membina Design System menggunakan jumlah credit yang agak banyak dalam masa singkat. Jika anda menggunakan pelan percuma atau pelan rendah, anda mungkin dihadkan kepada satu Design System sahaja.
Automasi Identiti Visual
Selepas Design System disahkan, sebarang prototype atau design baru yang anda minta Claude hasilkan akan secara automatik menggunakan warna, font, dan logo yang telah ditetapkan tanpa perlu diarahkan berkali-kali.
Fleksibiliti Input
Jika anda tidak mempunyai dokumentasi brand yang lengkap, anda hanya perlu memberikan screenshot website sedia ada kepada Claude untuk dia 'reverse-engineer' kod warna dan style font anda.
Prompts
Ekstrak Brand System dari Website
Target:
Claude Chat
Help me create a design system. Here is my website [Insert URL] or my brand guidelines. Analyze the colors, typography, and layout style. Give me that system so I could give it to Claude Design.
Step by Step
Cara Setup Design System Baru di Claude Design
- Buka dashboard Claude Design dan klik pada menu 'Design Systems' di sidebar sebelah kiri.
- Klik butang 'Create' yang terletak di bahagian atas kanan skrin untuk memulakan setup sistem baru.
- Sediakan maklumat syarikat atau aset jenama anda. Anda boleh 'drag and drop' logo, font, dan aset visual terus ke dalam ruangan yang disediakan.
- Untuk memudahkan proses, buka chat Claude biasa di tab berasingan untuk mengekstrak maklumat jenama secara automatik.
Mengekstrak Brand Guideline Menggunakan Claude Chat
- Di dalam chat Claude biasa, masukkan URL website anda atau muat naik screenshot identiti jenama anda.
- Gunakan prompt untuk meminta Claude menganalisis sistem reka bentuk tersebut (rujuk Prompt Card).
- Salin maklumat atau 'system' yang dihasilkan oleh Claude chat tersebut.
- Kembali ke halaman Design System di Claude Design dan masukkan maklumat tersebut supaya AI boleh mula membina draf sistem anda.
Mengesahkan dan Memurnikan Design System
- Semak draf Design System yang telah dihasilkan oleh Claude Design secara automatik.
- Periksa setiap bahagian secara teliti: Brand Colors, Font Selections, Spacing, Logos, dan Icons.
- Jika maklumat di setiap seksyen sudah tepat, klik pada butang 'Looks good'.
- Jika ada bahagian yang perlu diperbaiki (contohnya font tidak sesuai), klik pada butang 'Needs work'.
- Tuliskan deskripsi spesifik tentang apa yang perlu diubah atau diperbaiki pada bahagian tersebut.
- Selesaikan proses pengesahan untuk semua kategori sehingga sistem menjadi aktif.
