Pemikiran dan kesan tentang Claude Design
(samhenri.gold)- Dengan makin diperkuatnya pensisteman desain, Figma membesarkan struktur kompleks yang berpusat pada unit-unitnya sendiri seperti komponen, style, variable, dan props, dan akhirnya menciptakan jarak dengan medium implementasi yang sesungguhnya
- Format proprietari Figma secara alami tersisih dari data pelatihan LLM, dan di era agen ketika alat berbasis kode mulai naik daun, sumber kebenaran (source of truth) desain kembali bergeser ke kode
- Claude Design adalah medium yang jujur yang langsung menangani HTML/JS, sebuah pendekatan yang bekerja langsung pada medium implementasi nyata tanpa melewati pendekatan hampiran yang lossy terhadap kode seperti Figma
- Melalui hubungan saudara dengan Claude Code, ada keunggulan struktural untuk menyatukan loop umpan balik antara desain dan implementasi ke dalam satu percakapan
- Saat pasar alat desain bercabang menjadi alat berbasis kode dan alat eksplorasi murni, muncul kemungkinan Figma mengulang nasib Sketch
**Sketch moment**
Paradoks sistematisasi Figma
- Ketika skala tim produk membesar, desain harus membenarkan keberadaannya di dalam organisasi engineering, dan untuk itu ia terdorong ke arah sistematisasi
- Untuk itu Figma menciptakan primitif proprietari seperti komponen, style, variable, dan prop, tetapi sebagian meminjam dari pemrograman dan sebagian tidak, sehingga strukturnya tidak berkorespondensi rapi dengan apa pun
- Guideline terus berubah, migrasi terus menumpuk, dan untuk melakukan otomatisasi orang harus bergantung pada beberapa plugin berkualitas rendah
- Kompleksitasnya meningkat sampai-sampai muncul peran desain tersendiri yang khusus mengelola sistem ini
Pergeseran Source of Truth
- Di antara Figma dan kode selalu ada ketegangan tentang apa yang seharusnya menjadi sumber kebenaran (source of truth)
- Saat mengalahkan Sketch, Figma mengambil posisi bahwa alat mereka sendiri akan menjadi versi kanonik
- Namun kemenangan ini memiliki biaya tersembunyi: format yang terkunci (locked-down) dan sebagian besar tidak terdokumentasi sulit ditangani secara programatis sehingga secara alami tersisih dari data pelatihan LLM
- LLM dilatih dengan kode, bukan dengan primitif Figma, sehingga model tidak pernah benar-benar mempelajari sistem Figma
- Ketika menulis kode menjadi lebih mudah bahkan bagi desainer, dan agen terus membaik, source of truth menunjukkan arus kembali secara alami ke kode
- Dibandingkan dengan ini, infrastruktur kompleks yang diperkenalkan Figma selama 10 tahun terakhir mau tak mau terlihat berlebihan
"Kalau ingin membuat keramik, kenapa menggambar cat air dari keramik itu? Kenapa tidak langsung membentuk tanah liatnya saja?"
Kompleksitas sistem desain milik Figma sendiri
- Dalam praktik kerja nyata, membawa balik (back-porting) perubahan desain yang sudah dimodifikasi langsung di kode ke Figma adalah pekerjaan yang sangat melelahkan
- Dengan mencontohkan file sistem desain dari produk Figma sendiri, penulis menunjukkan bahwa bahkan hasil buatan tim sistem desain paling mumpuni pun berada dalam keadaan yang sangat kompleks
- 946 variable warna disusun dalam grup bertingkat seperti "bg/desktopBackgrounded", dan satu variable memiliki nilai untuk 8 mode berbeda seperti Light, Dark, FigJam-Light, dan lainnya
- Komponen footer modal memiliki 12 variant, dengan dropdown berisi nilai seperti "DS Library Swap" dan "QA Plugin", serta 8 prop
- Style efek pada komponen slider hadir sebagai style bernama terpisah hanya untuk satu drop shadow 0.5px — karena itulah satu-satunya cara mendokumentasikan relasinya dengan variable CSS
- Komponen combo input memiliki 16 variant, dan nama layer berbentuk seperti "Default, Default, Close Button=False"
- Saat warna tampil salah, proses debug memerlukan pelacakan bertahap: cek komponen → cek variable → cek variable lain yang dijadikan alias → cek mode → cek override level instance → cek komponen bertingkat yang terkena library swap
Figma Make vs Claude Design
- Saat source of truth bergeser ke kode, Figma berada di posisi canggung karena membawa sistem yang pasif dan pra-agen (pre-agentic)
- Alat desain ke depan kemungkinan akan terbelah menjadi dua bentuk yang jelas berbeda
- Kompetisi atas pertanyaan yang dijawab Figma pada 2016 kembali dimulai: "Alat apa yang paling cepat mengeluarkan ide saya sebagai seorang desainer?"
- Figma Make adalah alat untuk orang-orang yang sudah terbiasa dengan sistem Figma
- Ia membaca style Figma, library komponen, dan prop proprietari (Prop Props), dan merupakan satu-satunya alat yang di lingkungan baru ini masih mengasumsikan bahwa file desain adalah versi kanonik
- Alat untuk orang-orang yang ingin tetap tinggal di dalam sistem itu, atau memang tidak punya pilihan selain tetap di sana
- Claude Design adalah taruhan yang sepenuhnya berlawanan
- Selaras dengan prinsip "truth to materials" dari gerakan Arts and Crafts — gagasan bahwa suatu benda harus jujur pada dirinya sendiri dan cara pembuatannya
- Sebaliknya, Figma tampil sebagai selubung "vibe" yang bebas di atas skema yang sangat kaku — diibaratkan seperti kepribadian tipe A yang memaksa diri terlihat santai, sementara di dalamnya berteriak soal nested frame dan pemisahan token
- Claude Design itu kasar, tetapi setidaknya jujur tentang dirinya sendiri: tetap HTML dan JS sampai akhir
Keunggulan struktural Claude Design
- Keunggulan struktural utamanya adalah bahwa saudara Claude Design adalah Claude Code, yang sangat pandai menangani kode
- Pada akhirnya, strukturnya memungkinkan langsung meneruskan dari Claude Design ke Claude Code atau sebaliknya
- Di onboarding Claude Design sendiri sudah tersedia fitur mengimpor repositori (repo)
- Loop umpan balik antara desain dan implementasi — yang secara historis selalu menjadi sumber gesekan — berkumpul ke dalam satu percakapan
Kemungkinan munculnya alat lain yang tidak terkait kode: lingkungan eksplorasi murni
- Di sisi lain dari percabangan ini, ada kemungkinan muncul alat yang sama sekali tidak mengharapkan keterkaitan dengan kode
- Sebuah lingkungan eksplorasi murni tempat orang bebas meletakkan persegi, menumpuk style layer, memainkan blend mode dan gradient tanpa terikat oleh sistem atau aturan prompt
- Ini bisa berupa aplikasi dengan dukungan iPad + Pencil untuk membuat sketsa persegi dengan cepat, dan menjadi area tempat 37signals dapat melakukan eksperimen menarik
- Ke arah sebaliknya, bisa juga menuju alat seperti Photoshop yang all-in pada komposisi high-fidelity, membebaskan imajinasi dari batasan efek CSS
- Terasa aneh bahwa selama 90% masa hidupnya, Figma hanya menyediakan drop shadow atau blur sebagai efek layer
"Sketch moment" Figma
- Sketch moment Figma — momen ketika Figma tersingkir seperti dulu Sketch tersingkir oleh Figma — sedang mendekat dengan cepat
1 komentar
Komentar Hacker News
Saya mengecek design system yang pernah saya buat sebelumnya hari ini dengan memasukkan logo, branding, sampai font, dan setelah revisi terus-menerus sampai menjengkelkan, akhirnya saya mendapat hasil yang lumayan memuaskan
Tapi saat melihat pemakaiannya, ternyata saya sudah menghabiskan 95% dari batas mingguan Claude Design
Pada level seperti ini, rasanya lebih dekat ke mainan demo daripada alat yang benar-benar siap dipakai di lapangan
Memang sama sekali tidak cocok dengan gaya yang kami inginkan, tetapi beberapa hal seperti pengelompokan konten dan penilaian IA cukup layak saya ambil ke pekerjaan saya sendiri
Secara keseluruhan kesannya positif, tetapi kemudian saya melihat contoh sukses orang lain di Twitter, dan mockup-nya hampir sama persis dengan yang saya terima, jadi agak lucu
Menurut saya, masalah keseragaman seperti ini akan terus mengikuti AI-generated text, code, dan image
Adik ipar saya menjalankan perusahaan pakaian kecil, dan meski kemampuannya banyak meningkat selama 6 tahun terakhir, di awal dia benar-benar kesulitan mengubah ide menjadi hasil nyata
Untuk orang seperti itu, alat apa pun yang menurunkan hambatan masuk awal menurut saya cukup layak dicoba
Meski begitu, ini masih tahap research preview, jadi saya rasa nanti akan berubah
Dengan design system pertama, saya membuat section footer baru untuk startup iPaaS saya, dan dari empat opsi, yang keempat cukup bagus
Lalu saya hubungkan dengan Claude Code untuk sedikit polesan, generate code-nya, dan langsung deploy. Kalau tertarik, lihat bagian footer di tediware.com, yaitu bagian "Origin story" di kiri dan panel pendaftaran di kanan
Implementasinya memang tidak rumit, tetapi ide yang muncul dan alur integrasinya sangat mudah, jadi potensinya terasa besar
Claude Design memakai Opus 4.7, jadi lebih mahal daripada model sebelumnya
Ini juga baru hari kedua sejak dirilis, jadi belum produk yang matang, dan Anthropic memang biasanya memperbaiki banyak hal dengan sangat cepat
Selain itu, kalau Anda sudah lama memakai Claude, ia kemungkinan sudah paham selera dan gaya saya, jadi kalau pindah ke alat desain AI lain, saya harus mulai dari nol lagi
Sebagai gantinya, export ZIP tetap bisa dilakukan, lalu saya coba memasukkan file itu ke Stitch milik Google, tetapi kompatibilitasnya kurang bagus
Saya kurang setuju dengan klaim bahwa Claude Design akan menghilangkan seluruh kompleksitas desain
Aplikasi yang dibuat dengan vibe coding lewat Claude terlihat sederhana karena memang cakupan produknya sederhana
Rasanya seperti salah mengira kesederhanaan karena membandingkan sepeda dengan pesawat memakai standar yang sama
Kalau komponen design system yang sama dibuat di code dan di Figma, code memang bisa lebih ringkas berkat conditional dan control flow
Tetapi code lebih kurang fleksibel daripada menggambar langsung di layar, dan lebih sulit menghasilkan kebebasan kreatif
Pada akhirnya, kompleksitas sering kali diciptakan sendiri oleh manusia, misalnya dengan menumpuk 8 mode serta tema light/dark ke 4 produk
Saya rasa Claude mungkin bisa sedikit memudahkan maintenance, tetapi tidak benar-benar menghilangkan kompleksitas itu sendiri
Karena itu saya rasa arus seperti ini akan menjadi pukulan yang cukup besar bagi Figma
Saya rasa software yang bisa melakukan itu yang pada akhirnya akan menang
Saya ingin bertanya apakah pemahaman saya benar
Saya sudah membuat software sejak kecil, tetapi tidak percaya diri dengan CSS, dan saya penasaran apakah memang banyak organisasi tempat developer, bahkan frontend developer sekalipun, bekerja sama dengan desainer yang mengelola keseluruhan desain produk di Figma atau alat serupa, bukan sekadar sketsa logo atau landing page
Dan saya juga ingin tahu apakah tujuan para desainer itu adalah mempertahankan semacam database gaya sambil menangani tampilan tanpa perubahan code, atau biasanya frontend developer juga ikut mengelola Figma tetapi tidak suka karena terpisah dari code
Klien juga melihatnya langsung, atau setidaknya melihat slide branding yang mencerminkan hasil Figma itu untuk memberi persetujuan
Setelah itu frontend melihat Figma dan mengimplementasikannya ulang dalam CSS, tetapi fitur salin CSS dari Figma pada dasarnya hanya sebatas inline CSS yang nyaris tidak berguna, jadi hampir selalu dibuat ulang sebagai pendekatan terbaik yang tersedia
Sistem satuannya tidak cocok, hubungan parent/child, CSS variable, dan hierarki class juga tidak tercermin
Saat beberapa frontend developer mengimplementasikan komponen masing-masing secara terpisah, drift juga mulai muncul
Karena itu mereka lalu membuat acuan frontend lain dengan Storybook, lalu memasukkannya ke React atau NextJS, atau mengimplementasikannya ulang sebagai komponen CMS
Pada titik itu muncul pertanyaan, mana yang benar-benar source of truth, tetapi kenyataannya lebih mirip rantai beberapa titik acuan yang tersambung seperti permainan telepon rusak
Ketika muncul landing page promosi yang dibuat terpisah dari proyek utama, desain yang sama bisa diimplementasikan sekali lagi di sistem lain
Pada akhirnya, di celah handoff dari desain ke code, niat desainer sering rusak, atau developer baru belakangan menanggung masalah nyata seperti panjang string, perubahan jumlah elemen, scroll sungguhan, dan penyesuaian ke berbagai ukuran layar
Itulah kenapa video meme singkat ini terasa lucu sekaligus tidak lucu, karena terlalu tepat menggambarkan kenyataan itu
Umumnya desainer tidak menulis code dan developer tidak mendesain, dan orang yang benar-benar piawai di keduanya sangat jarang
Jujur saja ini metode yang cukup mengerikan, tetapi tetap terasa lebih baik dibanding alternatif-alternatif lama
Meski begitu, saya rasa ini masih kalah dari alat yang mengotomatisasi sebagian besar pekerjaan membosankan menerjemahkan desain visual ke code dan langsung terhubung ke code
Saya sendiri belum mencoba Claude Design, tetapi saya termasuk orang yang jauh lebih nyaman dengan code daripada dengan sekian banyak opsi GUI di Figma
Mungkin karena latar belakang saya mirip penanya, saya secara naluriah merasa menolak pandangan seperti itu
Karena untuk memastikan semua engineer tetap menghasilkan implementasi yang konsisten tanpa perbedaan gaya seiring waktu, harus ada acuan terpusat sampai tingkat tertentu
Belakangan ini saya sedang melakukan reverse engineering protokol Figma lewat figma-kiwi-protocol, jadi saya sangat merasa setuju dengan pernyataan bahwa "Figma mengecualikan sendiri data pelatihan yang dibutuhkan di era agent"
Format biner Figma dibuat dengan pendekatan seolah ingin membangun ulang semuanya, jadi karena harus menangani desain web, Android, iOS, dan lainnya sekaligus, hasilnya memang serba bisa tetapi tidak pernah benar-benar punya padanan 1:1 dengan web
Dan agar berguna untuk agent, niat desain harus jelas, tetapi siapa pun yang pernah mengimplementasikan file Figma buatan UX designer tahu bahwa bahkan manusia pun sering kesulitan memahami niat desain secara akurat
Jika teks menjadi lebih panjang seperti dalam bahasa Jerman, apa yang terjadi pada tombolnya, bagaimana kalau setelah dipindah ke CSS malah pecah jadi dua baris, bagaimana di ponsel selain iPhone, apa pengganti gradient border yang tidak mungkin dibuat di CSS, bagaimana di layar 4K, dan seterusnya
Sebagian memang bisa dijawab dengan props atau autolayout, tetapi UX di dunia nyata tidak selalu merupakan sosok mitologis yang selalu mahir memakai Figma secara sempurna
Karena itu saya berharap alat-alat yang bagian dalamnya berbasis HTML bisa cepat mengejar, dan kalau memungkinkan akan bagus juga bila bisa melihat prompt yang diberikan product manager kepada UX
Tulisan itu sendiri bagus, dan beberapa paragraf terakhir benar-benar lucu
Saya terutama menyukai bagian tentang tidak berpura-pura menjadi sesuatu yang lain, melainkan jujur pada identitas diri
Di saat yang sama, saya jadi terpikir bahwa PenPot mungkin berada di posisi yang cukup menguntungkan di era agent ini
Tidak seperti pendekatan canvas ala fig, mereka memilih jalur desain berbasis markup yang nyata, jadi kalau memang tertarik pada arah itu, potensinya terasa makin besar
Sejak InVision tutup dan berbelok ke ranah digital whiteboard, bagi saya pasar alat desain ini terasa praktis sudah selesai
Menurut saya memang pasar yang sangat sulit
Lebih mendasarnya lagi, sangat sulit memelihara design system dengan baik dalam jangka panjang, terutama karena ia sangat terikat dengan code dan component library, sementara lapisan itu hampir tidak disentuh desainer
Baik Claude Design, Figma, maupun alat lain apa pun rasanya tidak akan benar-benar menyelesaikan neraka Storybook seputar komponen dan layout yang reusable sekaligus enak dilihat
Rasanya solusi harus berubah di level yang lebih bawah, yaitu level komponen
Sekarang kita terjebak dalam pola pikir membuat komponen untuk ditanamkan ke setiap desain baru
Kalau ada komponen yang kita suka, cukup simpan definisinya dalam markdown, lalu pada desain berikutnya minta alat membaca markdown itu dan menggunakan komponen tersebut kapan pun diperlukan
Menurut saya ini akan menghasilkan alur kerja yang jauh lebih fleksibel dan menarik
Harus bisa di-script dan juga bisa digambar langsung, dan ketika desain diubah maka code frontend langsung ikut berubah, sementara perubahan code juga harus tercermin kembali ke desain pada level yang sama
Bentuk akhirnya menurut saya adalah model di mana desainer dan frontend engineer menjadi co-author tanpa handoff
Hanya saja, ada juga argumen bahwa ke depan revisi, ekstraksi, dan penataan akan menjadi hampir seperti gratis, sehingga strukturisasi semacam itu sendiri akan menjadi kurang penting
Saya sendiri belum sepenuhnya yakin, tetapi saya paham kenapa pendapat seperti itu muncul
Dari sudut pandang saya yang beberapa tahun terakhir benar-benar membuat alat desain sendiri, tulisan ini terasa cukup salah paham secara mendasar terhadap domain desain maupun perusahaan Figma itu sendiri
Sejak awal Figma fokus membangun perusahaan yang sukses sama besarnya dengan membangun produk yang sukses
Pada awalnya memang ada arah yang lebih ambisius, dan mereka juga punya eksekusi berkat orang seperti Evan Wallace, tetapi pada akhirnya mereka menjadi bisnis seperti sekarang karena memilih fokus pada produk konkret yang menghasilkan uang, bukan sekadar demo WebGL
Menurut saya, tidak adanya fitur seperti 3D juga merupakan hasil dari pilihan itu
Sebelum menjadi alat desain, Figma lebih dulu adalah perusahaan yang membuat produk yang benar-benar dipakai enterprise, dan pada saat mencapai IPO, tujuan itu pada dasarnya sudah sangat tercapai
Saya tidak tahu bagaimana pasar akan bergerak ke depan, tetapi dibanding demo teknis yang mencolok, pihak yang punya war chest bisa jauh lebih diuntungkan
Dan masalah-masalah yang dibahas artikel itu sebenarnya juga sudah sangat dipahami orang-orang Figma, bahkan siapa pun yang pernah membuat alat desain
Bahwa UI/UX berada di persimpangan desain, development, dan PM, serta bahwa ia seharusnya sedekat mungkin dengan source of truth seperti code, semua itu sudah jelas
Masalahnya, ketika benar-benar dicoba diwujudkan, hal itu berkembang menjadi tantangan raksasa yang meluas melampaui alat desain ke alat coding, manajemen data, bahkan arsitektur
Soal AI saya juga tidak sepenuhnya yakin, tetapi model SOTA terbaru terasa begitu serbaguna sehingga kemampuan bernalar model dasarnya mungkin lebih penting daripada data khusus
Karena desain UI punya banyak informasi yang terekspos ke luar, ia juga bisa dikumpulkan dari web
Saya tidak punya kepentingan khusus dalam pertarungan ini, dan saya juga tidak tahu apakah analisis penulis asli benar
Meski begitu, kisah tentang "tertinggal karena format file proprietari" tetap memberi sedikit rasa schadenfreude setiap kali saya mendengarnya
Beberapa poinnya bagus, tetapi secara keseluruhan saya tidak sepenuhnya setuju
Menurut saya, Sketch kalah dari Figma karena tooling desain dan pengalaman multiplayer-nya
Sama seperti produk fisik yang dirancang dulu sebelum diproduksi, saya rasa dalam produk digital pun tahap perancangan itu sendiri tidak akan hilang
Justru saya pikir Figma perlu lebih cepat memutuskan identitas apa yang sebenarnya ingin mereka miliki, alih-alih mencoba menjadi segalanya sekaligus
Model yang mengharuskan orang memasang aplikasi Mac lalu membuka file tertentu makin lama membuat file menjadi usang dan aksesibilitasnya menurun
Sebagai referensi, ada thread HN terkait Claude Design, dan per April 2026 thread itu mendapat 732 komentar, jadi reaksinya cukup besar