Claude Design Just Dropped - Full Tutorial (Slides, Websites, Designs)

Jono Catliff membuat tutorial singkat tentang Claude Design, fitur baru dari Claude yang baru dirilis sekitar satu jam sebelum video direkam dan pengumumannya sudah ditonton 6,6 juta kali. Fitur ini memungkinkan siapa pun membuat presentasi, website, wireframe, video animasi, dan grafik 3D hanya dengan prompt, bahkan bisa menyesuaikan warna, font, dan tema dengan website milik pengguna. Jono menjelaskan bahwa fitur ini masih berstatus research preview sehingga mungkin belum tersedia untuk semua orang. Video ini penting bagi penonton yang sering membuat materi presentasi atau halaman web tetapi tidak punya keahlian desain, karena memperlihatkan alur kerja lengkap dari ide sampai hasil yang bisa dipakai atau dipublikasikan. Ia juga menekankan bahwa Claude akan mengajukan pertanyaan lanjutan lebih dulu agar hasil pertama sudah sesuai keinginan, alih-alih langsung menebak tanpa konteks.

Demo pertama adalah slide deck high fidelity untuk klien jasa landscaping dengan paket 2.000 dolar, setelah Claude bertanya soal nama perusahaan dan layanan. Hasilnya bisa disunting lewat tiga cara: alat komentar pada elemen tertentu, edit langsung warna dan ukuran font, atau menggambar lingkaran lalu chat dengan Command atau Control G. Presentasi bisa diekspor sebagai PowerPoint, dibawa ke Google Slides, atau dikirim ke Canva setelah konektor Canva diaktifkan di pengaturan. Demo kedua adalah landing page untuk layanan AI content system seharga 10 ribu dolar, dibuat dari dua screenshots website Jono sebagai reference files; konteks juga bisa diambil dari Figma, GitHub, atau kode. Untuk go live, desain diserahkan ke Claude Code, kodenya disimpan di GitHub, lalu dihosting gratis di Vercel. Terakhir, design system berisi nama perusahaan, repo, font, dan logo bisa dibuat dalam sekitar 15 menit agar semua proyek berikutnya punya tampilan seragam.