Editor layout visual berbasis craft.js

Susun layout web-mu, tanpa nulis kode

Visual Builder adalah editor drag-and-drop untuk merancang layout halaman web — geser, resize, atur style langsung di kanvas, lalu ekspor jadi HTML. Bisa juga dibantu Claude lewat koneksi MCP.

Tombol Contoh

Semua yang dibutuhkan untuk merancang layout

🧱

Susun layout dengan drag & drop

Tarik Section, Container, Text, Button, Image, atau Video langsung ke kanvas. Atur ukuran dan posisi dengan handle resize seperti software desain, bukan menulis CSS.

🗂️

Kelola elemen lewat Layers

Semua elemen di kanvas tersusun sebagai hierarki yang bisa disusun ulang, diberi nama, diduplikasi, atau dihapus — jadi layout yang kompleks tetap rapi dan gampang dikelola.

🤖

Hubungkan Claude lewat MCP

Sambungkan project ke Claude sebagai asisten yang membantu mengatur ulang layout, mengganti teks, atau menyesuaikan style — langsung dari percakapan.

📤

Ekspor jadi HTML siap pakai

Saat layout sudah pas, ekspor langsung ke file HTML yang bisa dipakai di mana saja tanpa dependensi tambahan.

Cara kerjanya

01

Buka Editor

Mulai dari kanvas kosong atau import file .html / .zip yang sudah ada.

02

Susun & sesuaikan

Drag komponen ke kanvas, geser dan resize secara visual, atur warna, spacing, dan style lewat panel pengaturan.

03

Hubungkan Claude (opsional)

Buat API token di Pengaturan, sambungkan ke Claude via MCP, dan minta bantuan mengedit layout lewat chat.

04

Ekspor

Unduh hasil akhirnya sebagai file HTML kapan saja lewat tombol Export.

Siap mulai menyusun layout?

Langsung buka editor, tidak perlu setup tambahan.

Buka Editor