Apa itu Relume?
Relume adalah sistem perencanaan dan desain berbantuan AI untuk situs pemasaran. Brief menjadi sitemap yang diusulkan; setiap halaman menjadi urutan bagian bernama; prompt bagian menghasilkan wireframe responsif dan draf salinan; lalu style guide menerapkan warna, tipografi, spasi, dan pola antarmuka di seluruh proyek. Hasilnya kemudian dapat dipindahkan ke Figma, Webflow, React, HTML, Claude Design, atau editor coding AI.
Lebih tepat menyebut Relume akselerator desain daripada pembuat situs jadi. Dokumentasinya sendiri menyatakan Design View membawa proyek mendekati arah visual, tetapi menyisakan spasi tepat, animasi khusus, dan penyempurnaan tingkat piksel untuk Figma atau Webflow. Relume tidak menggantikan discovery, strategi konten, CMS, penerbitan, hosting, pekerjaan aksesibilitas, integrasi, optimasi performa, atau QA produksi.
Workflow sitemap, wireframe, dan style guide
Bagian terkuat Relume adalah kesinambungan antara arsitektur informasi dan struktur halaman. Mengubah bagian sitemap mengubah wireframe yang ditautkan, dan judul serta deskripsinya menjadi prompt AI. Tim dapat meregenerasi salinan, menukar komponen, membuat halaman, mengubah navigasi atau footer menjadi bagian global, melihat pratinjau perangkat responsif, dan membagikan tautan untuk komentar klien. Bagian global menjadi komponen setelah impor Figma atau Webflow yang didukung.
Hal ini berguna untuk scoping, tetapi sitemap AI tetap merupakan hipotesis. Verifikasi perjalanan pengguna, intent kata kunci, jalur konversi, halaman hukum, status akun, lokalisasi, kepemilikan konten, koleksi CMS, status kosong serta error, dan tata kelola. Urutan bagian yang dihasilkan dapat terlihat lengkap sambil menghilangkan halaman yang sebenarnya dibutuhkan pembeli.
Design View menerapkan style guide di seluruh halaman untuk konsep cepat. Perlakukan sebagai alat konsistensi, bukan peninjauan akhir aksesibilitas atau merek. Warna yang dihasilkan dapat gagal kontras, judul tidak mencerminkan struktur semantik, urutan seluler dapat memerlukan revisi, dan pola pustaka berulang dapat membuat merek yang tidak terkait menyatu. Desainer harus memiliki sistem akhir dan mendokumentasikan setiap penyimpangan dari token yang diekspor.
Serah-terima Figma, Webflow, React, Claude, dan MCP
Plugin Figma mengimpor seluruh proyek, halaman, atau bagian dan dapat menyinkronkan variabel dengan Relume Figma Kit saat ini. Aplikasi Webflow membuat halaman serta bagian, memetakan bagian global ke komponen Webflow, dan bekerja dengan style guide Client-First Relume serta ekstensi Chrome. Class Sync berupaya menggunakan kembali gaya dengan nama sama, tetapi versi style guide atau strategi spasi yang tidak cocok dapat membuat kelas serta variabel duplikat. Uji impor dalam proyek sekali pakai sebelum mengganti halaman yang ada.
Ekspor React dan HTML memperluas workflow melampaui Webflow. Relume Library MCP berbayar memungkinkan editor AI yang kompatibel mengambil komponen React nyata dan dapat diedit berdasarkan slug, mem-vendor file, primitive, preset Tailwind, serta token ke dalam proyek alih-alih menghasilkan perkiraan rekaan. Hal ini meningkatkan determinisme tetapi tidak membuat kode otomatis dapat diakses, aman, ringan, atau selaras dengan arsitektur yang ada. Tinjau dependensi, semantik, hydration, penanganan gambar, breakpoint, ukuran bundle, pengujian, dan kewajiban lisensi.
Relume juga menawarkan paket sistem desain sekali klik untuk Claude Design. Ini dapat mengurangi pergeseran visual, tetapi memperkenalkan platform lain dan serah-terima lain yang perlu dikelola. Konfirmasikan aset, logo, token, dan materi klien yang dipindahkan serta hal yang dilakukan layanan tujuan terhadapnya.
Harga saat ini dan total biaya nyata
Halaman USD aktif yang dirender pada 9 Agustus 2026 menunjukkan Free $0. Paket ini mencakup satu proyek, satu halaman, berbagi baca-saja, ekspor Site Builder khusus Figma, 30 komponen Webflow, 30 komponen React, dan Figma component kit yang lebih luas. Starter berharga $26 dari bulan ke bulan atau $18 per bulan dengan penagihan tahunan, dengan satu proyek, lima halaman, komentar, format ekspor berbayar, pustaka komponen, MCP, dan ekspor Claude Design.
Pro berharga $58 bulanan atau $40 per bulan tahunan dan menghapus batas proyek serta halaman. Team berharga $52 bulanan atau $36 per orang per bulan tahunan dengan minimum tiga orang, menambahkan fitur Pro per pengguna, workspace Team, dan berbagi bermerek. Pajak tidak termasuk dan langganan diperpanjang otomatis. Ketentuan menyediakan jalur 10 hari untuk meminta pengembalian dana, walaupun biaya pemrosesan dapat memengaruhi jumlahnya.
Ada ketidakkonsistenan dokumentasi yang perlu diperhatikan: kartu paket saat ini menawarkan uji coba tujuh hari pada tingkat berbayar, sedangkan FAQ lama pada halaman yang sama menyatakan uji coba Pro tidak tersedia dan membahas perilaku Starter/Pro warisan. Verifikasi checkout sebenarnya sebelum mengandalkan uji coba. Total biaya juga mencakup Figma, hosting Webflow, developer, CMS atau infrastruktur, integrasi, dan tenaga kerja untuk mengubah wireframe menjadi situs produksi.
Lisensi, privasi, dan tata kelola klien
Lisensi Relume memungkinkan pelanggan membuat produk akhir yang disesuaikan untuk proyek mereka sendiri serta klien dan menjelaskan penggunaan berulang lintas proyek. Lisensi melarang redistribusi komponen, menjual kembali sebagai aset, menyediakannya sebagai pustaka sumber dapat diedit, atau menggunakannya untuk produk komponen pesaing. Agensi perlu menentukan hasil edit apa yang diterima klien dan mengonfirmasi workflow tersebut terhadap lisensi saat ini, khususnya ketika memindahkan pustaka Figma, sumber React, komponen Webflow, atau kepemilikan akun.
Kebijakan privasi mencakup data identitas, akun, keamanan, pembayaran, browser, analitik, dan interaksi. Yang lebih penting, kebijakan menyatakan Relume dapat menggunakan data pelanggan tertentu untuk pelatihan AI serta pengembangan model, menganonimkan atau mengagregasi bila memungkinkan, dan menyediakan opt-out di pengaturan akun. “Bila memungkinkan” tidak sama dengan janji kontraktual tanpa pelatihan. Opt out sebelum menambahkan brief klien rahasia dan tanyakan konten proyek, prompt, keluaran yang dihasilkan, retensi, penghapusan, vendor model, subprosesor, wilayah, kontrol akses, respons insiden, serta DPA.
Tautan proyek bersama memerlukan aturan tersendiri. Tetapkan izin minimum, hindari menempatkan strategi belum dirilis atau data pribadi dalam wireframe, hapus tautan klien lama, dan verifikasi apakah bagian yang dihapus juga menghapus komentarnya. Simpan catatan eksternal arsitektur serta salinan yang disetujui karena komentar yang melekat pada bagian dihapus dapat hilang.
Putusan
Relume dapat menghemat banyak waktu ketika tim sudah tahu cara menyelesaikan situs di Figma, Webflow, atau React. Nilai sesungguhnya bukan “AI membangun situs”, melainkan sitemap, wireframe, salinan, pemilihan komponen, token, komentar klien, dan serah-terima implementasi menggunakan satu sistem yang koheren.
Relume adalah pengganti yang buruk untuk strategi produk atau engineering produksi. Uji pada satu situs klien representatif, impor ke stack lanjutan yang tepat, ukur waktu pembersihan, tinjau lisensi komponen dan pengaturan pelatihan AI, lalu bandingkan langganan tahunan plus alat lanjutan dengan jam kerja yang benar-benar dihemat. Metrik yang tepat adalah halaman yang disetujui dan dapat dipelihara—bukan kecepatan wireframe pertama.
