Alat Webflow & Figma
Percepat alur kerja Figma → Webflow: ikon, nilai desain, dan konten, siap ditempel.
localHTML & CSS ke WebflowTempel HTML dan CSS-nya, klik Copy to Webflow, lalu tempel di Designer. Kamu langsung mendapatkan Div…localSVG ke WebflowPaste SVG dari Figma dan salin ke Webflow sebagai Custom Elements asli. Setiap <svg>, <path> dan <g> jadi…localMarkdown ke Webflow Rich TextTempel Markdown, cek pratinjaunya, lalu salin sebagai rich text berformat. Judul, daftar, tautan, dan teks…localGenerator Nama ClassJelaskan sebuah section dengan kata-kata sederhana, misalnya “hero dengan tagline, heading, dua tombol,…localFigma CSS ke WebflowUbah output “Copy as CSS” dari Figma menjadi nilai rapi yang bisa langsung kamu ketik di Style panel…localGenerator Type ScalePilih ukuran font dasar dan rasio — Minor Third, Major Third, Perfect Fourth, Golden Ratio — lalu dapatkan…localGenerator Tombol CSSDesain tombol yang terlihat bagus di setiap state. Mulai dari preset — solid, outline, ghost, pill,…localPenampil HTMLTempel HTML (dan CSS atau JavaScript jika kamu punya) untuk melihat tampilannya saat dirender — langsung,…localGenerator Banner CookieTambahkan banner cookie consent ke situs apa pun — Webflow, WordPress, Shopify, atau HTML biasa — tanpa…localGenerator Kode Embed VideoTempel link video dari YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive atau…localGenerator Kode Embed YouTubeTempel link YouTube apa pun — video, Short, atau playlist — dan dapatkan kode embed responsif dengan mode…localGenerator Kode Embed VimeoTempel tautan Vimeo — publik atau unlisted (beserta hash privasinya) — lalu dapatkan embed responsif…localGenerator Kode Embed LoomTempel link share Loom dan dapatkan embed responsif untuk website, pusat bantuan, dokumentasi ala Notion,…localGenerator Embed Google MapsTampilkan kantor, toko, atau acaramu di Google Maps tanpa perlu mendaftar API key. Ketik alamat, nama…localGenerator Countdown TimerBuat countdown timer untuk peluncuran, diskon, webinar, atau acara, lalu tanam di mana saja: Webflow,…localPencari Ikon SVGCari 70.000+ ikon SVG open-source — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material, dan lainnya.…localGenerator Google Maps APIAtur peta Google secara visual: pilih gaya peta, tambahkan marker kustom dengan jendela info, aktifkan…localGenerator Kode PixelMasukkan ID kamu dan dapatkan satu snippet pemasangan tracking pixel untuk Meta, TikTok, LinkedIn,…localPemetaan RedirectSedang memigrasikan atau mendesain ulang situs? Tempel URL lama dan baru, atau muat dari sitemap, lalu…localRedirect WordPress ke WebflowMemindahkan situs dari WordPress ke Webflow hampir pasti mengubah setiap URL: path blog berbasis tanggal,…localGenerator Kode Google TagMasukkan ID pengukuran GA4, ID Google Ads, atau ID container Tag Manager, lalu dapatkan kode instalasi…localGenerator Kode GTMMasukkan ID container GTM kamu dan dapatkan kode instalasi Google Tag Manager untuk <head> dan <body>,…localGenerator Script Event TrackingLacak klik tombol, link, dan submit form dengan menambahkan attributes tanpa perlu menulis kode:…localGaya Tombol CSSPilih dari 24 tombol CSS animasi: isian, border, glow, kilau, dan efek tekan 3D. Atur warna, ukuran, serta…localIkon Menu HamburgerPilih dari 16 menu hamburger animasi yang berubah jadi silang, panah, atau minus. Atur ukuran, ketebalan,…localPemilih WarnaPilih warna apa pun, atau ambil dari layarmu, lalu salin sebagai HEX, RGB, HSL atau OKLCH. Lihat shade,…localPengecek Typo Nama ClassTempel HTML atau masukkan URL untuk memeriksa setiap nama class: tangkap typo seperti hero_heding,…localWebflow Clipboard BridgeWebflow menyimpan elemen di clipboard dengan format khusus yang tidak bisa berpindah antar browser…localEditor Komponen WebflowPindahkan section dan komponen antar project Webflow dan ubah sebelum dipakai. Salin elemen di Designer,…localHTML ke Webflow Rich TextTempel HTML yang berantakan dari situs lama, ekspor WordPress, Google Docs, atau Word. Kamu akan…localKompres Lottie JSONBuat animasi Lottie lebih cepat dimuat di Webflow dan website mana pun dengan membuang data yang tidak…localWebfont GeneratorUbah font desktop menjadi webfont yang cepat: konversi ke WOFF2 dan WOFF, simpan hanya karakter yang kamu…localKonverter TTF ke WOFF2Konversi TTF ke WOFF2, format terkecil untuk website. Seret file kamu, konversi, lalu unduh. Butuh CSS…localKonverter OTF ke WOFF2Ubah OTF ke WOFF2 untuk website kamu. Seret file kamu, konversi, lalu unduh. Butuh CSS atau ukuran file…localFont SubsetterBuat font jadi jauh lebih kecil dengan menghapus karakter yang tidak kamu pakai. Pilih kumpulan bahasa…
Tidak menemukan tool Webflow?
Beri tahu kami apa yang kamu butuhkan — kami membuat tool yang paling banyak diminta lebih dulu, dan gratis.