Deskripsi
Duply adalah platform yang menawarkan sistem desain dunia nyata yang didokumentasikan sebagai file DESIGN.md, yang secara khusus disesuaikan untuk agen pengkodean AI. Pengguna dapat menjelajahi perpustakaan sistem desain yang telah dikurasi, menyaring berdasarkan gaya, industri, permukaan, warna, dan jenis huruf. Setelah desain dipilih, pengguna dapat menyalin satu file DESIGN.md, yang akan digunakan oleh agen AI mereka untuk membangun dalam bahasa visual tersebut, memastikan bahwa output akurat dan mencerminkan desain yang dipilih.
Baca Selengkapnya
File DESIGN.md adalah dokumen Markdown tunggal yang menangkap sistem desain lengkap sebagai token terstruktur. Ini mencakup elemen seperti warna dengan peran penggunaan yang ditentukan, skala tipografi, ritme spasi, radius batas, bayangan, dan spesifikasi komponen yang merujuk pada token tersebut. Dengan menggunakan format ini, agen pengkodean AI dapat membaca DESIGN.md dan membangun antarmuka pengguna yang mematuhi bahasa desain yang ditentukan, menghilangkan dugaan dan memastikan produk akhir yang halus.
Pendekatan Duply memungkinkan pengguna untuk memberikan agen AI mereka starter yang berfungsi yang melampaui hanya aspek visual desain. Platform ini memastikan bahwa setiap layar dibangun dengan data tiruan, dengan integrasi yang terhubung melalui satu prompt. Ini berarti bahwa pengguna dapat mengharapkan basis kode yang siap produksi yang sesuai dengan preferensi desain mereka sejak awal.
Selain file DESIGN.md, Duply juga mengekspor file token Tailwind v4 dan CSS-variable yang siap ditempel, memudahkan pengembang untuk menerapkan sistem desain ke dalam proyek mereka. Platform ini mendokumentasikan sistem desain produk dunia nyata, memungkinkan pengguna untuk mengakses dan memanfaatkan bahasa desain dari merek terkenal seperti Stripe, Linear, dan Vercel. Dengan Duply, pengguna dapat dengan percaya diri membangun aplikasi yang tidak hanya terlihat hebat tetapi juga berfungsi dengan mulus dalam kerangka desain yang mereka inginkan.
- KategoriAlat Desain UI & UX AI
- Model HargaGratis
- PenerapanCloud
- PlatformClaude Code, Cursor, v0
Fitur Inti Duply
311 sistem desain tersedia
Gratis untuk digunakan
Format file Markdown tunggal
Token desain terstruktur
Kompatibel dengan agen pengkodean AI
Basis kode siap produksi
Token Tailwind v4 dan CSS-variable yang dapat diekspor
Perpustakaan sistem desain yang telah dikurasi
Cara menggunakan Duply?
Jelajahi: eksplorasi perpustakaan sistem desain yang tersedia di Duply.
Pilih: pilih desain yang Anda sukai dari opsi yang telah dikurasi.
Salin: gunakan tombol salin untuk mengambil file DESIGN.md untuk desain yang Anda pilih.
Integrasikan: tempelkan DESIGN.md ke dalam proyek Anda dan instruksikan agen AI Anda untuk mengikutinya.
Bangun: agen AI Anda akan membuat komponen UI yang sesuai dengan bahasa desain yang dipilih.
Kasus Penggunaan Duply
- Pengembangan Web
- Desain UI
- Prototyping
- Branding
- Integrasi AI
