Framer Adalah Apa? Harga Framer, Versi Gratis, dan Review Oktober 2026

Framer adalah aplikasi untuk apa?

Framer adalah alat desain sekaligus platform untuk menerbitkan situs web. Menurut Terms of Service-nya, layanan ini dijalankan oleh Framer B.V., perusahaan berbadan hukum Belanda, dengan pengadilan Amsterdam sebagai tempat penyelesaian sengketa.

Cara kerjanya mirip alat desain UI: ada kanvas, layer, dan panel properti. Bedanya, apa yang kamu susun di kanvas langsung bisa dipublikasikan menjadi situs sungguhan, tanpa menulis HTML atau CSS. Halaman depannya kini memperkenalkan Framer sebagai "design agent" untuk setiap langkah dari ide sampai situs tayang.

Perubahan terbesar datang pada 16 Juni 2026 lewat Framer 3.0. Blog resminya menyebut rilis ini membawa agen AI ke kanvas untuk mendesain, menulis, menganalisis, dan menata situs, sekaligus memperkenalkan sistem kredit AI dan menyederhanakan paket menjadi Basic dan Pro (paket Scale dipensiunkan).

Soal platform, Framer bisa dipakai di browser dan lewat aplikasi desktop untuk Mac dan Windows. Halaman unduhannya menulis bahwa Framer saat ini hanya tersedia sebagai aplikasi desktop, jadi tidak ada aplikasi untuk mendesain di HP. Antarmukanya berbahasa Inggris (pemilih bahasa di situsnya hanya menawarkan Inggris dan Jepang), tapi isi situs yang kamu buat bebas memakai bahasa Indonesia.

Satu hal perlu diluruskan: meski di beberapa daftar tool AI Framer dikelompokkan bersama alat presentasi, Framer bukan pembuat slide. Tidak ada fitur membuat deck atau ekspor PowerPoint. Fungsinya membuat situs web.

Harga Framer Oktober 2026: Free, Basic, Pro, dan Enterprise

Yang perlu dipahami lebih dulu: harga Framer dihitung per situs, bukan per orang. Satu workspace bisa berisi beberapa proyek, dan tiap situs yang ingin memakai domain sendiri butuh paketnya masing-masing. Editor tambahan dibayar terpisah.

Harga di bawah dicek 10 Oktober 2026 di framer.com/pricing (tampil dalam dolar AS dari Indonesia), dicocokkan dengan daftar harga resmi di api.framer.com. Kurs yang dipakai: Rp17.881 per US$1 (9 Oktober 2026).

Catatan penting sebelum membayar:

• Tagihan tahunan jauh lebih hemat. Basic turun dari US$15 ke US$10 per bulan, Pro dari US$45 ke US$30, sekitar 33%. Domain gratis (complimentary domain) juga hanya diberikan di tagihan tahunan.
• Orang tambahan berbayar. Halaman harga menulis editor tambahan US$20 per bulan (±Rp358.000) dan content editor (khusus CMS dan terjemahan) US$10 per bulan (±Rp179.000). Viewer yang hanya melihat dan berkomentar gratis. Menurut pusat bantuannya, tarif editor bisa berbeda tergantung paket tertinggi dan siklus tagihan, jadi cek lagi saat checkout.
• Add-on bisa menambah biaya. Terjemahan situs US$20 per bahasa (maksimal 20 bahasa), A/B testing (Convert) US$50 per 500.000 event, dan Advanced Hosting US$200 di paket Pro. Di Pro, halaman tambahan dihitung US$20 per 100 halaman.
• Pajak ditambahkan saat checkout sesuai lokasimu, jadi cek total akhirnya. Pembayaran memakai kartu kredit, atau PayPal di sebagian wilayah. Halaman harga tidak menawarkan masa uji coba untuk Basic dan Pro (tombol Request Trial hanya ada di Enterprise), tapi paket Free bisa dipakai untuk mencoba lebih dulu.
• Refund terbatas. Halaman harganya menyebut refund 14 hari untuk pengguna di Uni Eropa dan Turki. Untuk Indonesia, baca kebijakan refund resminya sebelum memilih tagihan tahunan.

Ada kabar baik untuk pelajar: halaman Framer for Education menawarkan paket Basic gratis (senilai US$120 per tahun) plus 1.000 kredit AI per bulan bagi pelajar yang lolos pengajuan diskon. Untuk mahasiswa DKV atau informatika yang butuh portofolio online, ini layak dicoba lebih dulu.

Cara kerja kredit AI di Framer

Semua fitur agen memakai kredit. Menurut pusat bantuan resminya, kredit dipakai oleh Agent chat, Workshop, dan terjemahan AI, sedangkan bantuan kecil seperti penamaan layer otomatis tidak memotong kredit.

Blog peluncuran Framer 3.0 memberi gambaran biaya per tugas dengan model dasar: membuat satu landing page sekitar 300 kredit, membuat halaman responsif sekitar 150, perubahan besar sekitar 100, dan perubahan kecil sekitar 50. Artinya, 1.000 kredit Basic cukup untuk kira-kira lima landing page per bulan, dan 3.000 kredit Pro sekitar sepuluh.

Beberapa aturan yang perlu kamu tahu:

• Kredit tidak terbawa ke bulan berikutnya. Sisa kredit hangus saat paket diperpanjang.
• Kredit ditumpuk per workspace. Dua situs Basic berarti 2.000 kredit per bulan yang dipakai bersama.
• Model bisa dipilih. Biaya diukur terhadap model dasar GPT 5.5. Sonnet 4.6 dihitung 0,9x, sedangkan Opus 4.8 dihitung 1,8x.
• Hasil gagal bisa dikembalikan. Tombol "Mark as Bad" di ringkasan perubahan mengembalikan kredit untuk hasil yang meleset.
• Saat kredit habis, tugas yang sedang berjalan tetap selesai, tapi permintaan baru diblokir sampai kredit diperbarui atau kamu membeli tambahan.

Ada juga jalan lain: lewat fitur External Agents (masih preview dan gratis di paket Basic dan Pro), Framer bisa dihubungkan ke Claude Code, Cursor, atau Codex melalui MCP. AI-nya berjalan di langganan tool tersebut, jadi tidak memakai kredit Framer.

Fitur utama Framer

Kanvas desain bebas yang langsung jadi situs

Kamu menata elemen di kanvas seperti di alat desain UI, lengkap dengan breakpoint untuk desktop, tablet, dan HP. Hasilnya diterbitkan sebagai situs responsif tanpa proses ekspor kode.

Agen AI untuk desain, konten, dan CMS

Agen bisa membuat halaman dari prompt atau dari screenshot, menyusun section, menambahkan efek dan interaksi, menulis dan merapikan teks, membuat metadata SEO, serta memeriksa link rusak dan masalah aksesibilitas. Ada juga agen CMS yang menyiapkan dan memperbarui koleksi konten.

CMS untuk blog dan katalog

Koleksi CMS dipakai untuk blog, daftar proyek, lowongan, atau katalog produk. Basic memberi 2 koleksi, Pro 10 koleksi dan bisa ditambah sampai 40.

Hosting, SEO, dan analitik bawaan

Hosting memakai jaringan CDN global (20 lokasi di Basic, lebih dari 300 di Pro), SEO dasar sudah tersedia, dan analitik pengunjung terlihat langsung di dashboard. Tidak perlu memasang hosting atau plugin terpisah.

Kolaborasi tim dan staging

Beberapa orang bisa mengedit bersamaan, viewer bisa berkomentar gratis, dan paket Pro punya staging serta branching dengan preview, jadi perubahan bisa diuji sebelum tayang.

Terjemahan situs dengan AI

Add-on Localization menerjemahkan situs ke bahasa lain memakai AI. Berguna kalau kamu butuh versi bahasa Indonesia dan Inggris dalam satu situs.

Tampilan dan cara pakai Framer

Alurnya untuk pemula kira-kira begini:

1. Buka framer.com, klik Get started for free untuk daftar, atau Download app untuk aplikasi desktop.
2. Di bagian bawah halaman depan ada pilihan awal: Create personal portfolio, Build startup site, Launch landing page, Start company blog, atau Start without AI.
3. Kamu masuk ke kanvas. Di demo halaman depan terlihat panel di kanan dengan tab Agent dan Style, menu tugas seperti "Rebuild Page Layout", dan kolom prompt.
4. Agen menulis rencananya lalu mengerjakannya langsung di kanvas. Di screenshot terlihat catatan progres seperti "Added 9 layers" dan "Added 42 layers", jadi setiap perubahan bisa dilihat dan diedit manual.
5. Setelah rapi, klik Publish. Situs tayang di domain Framer, atau domainmu sendiri kalau sudah berlangganan.

Konsep kanvasnya akrab bagi yang pernah memakai Figma. Bagi yang belum pernah memakai alat desain UI, kurva belajarnya tetap ada. Agen AI membantu membuat draf pertama, tapi merapikan spacing, breakpoint HP, dan konsistensi gaya tetap butuh mata desain.

Halaman harganya juga tertata jelas: tombol Yearly billing di kanan atas mengubah harga, dan tiap kartu punya dropdown untuk memilih jumlah kredit AI (Basic dari 1.000 sampai 15.000, Pro dari 3.000 sampai 100.000 kredit per bulan) yang ikut menaikkan harga.

Untuk mobile, Framer tidak punya aplikasi iOS atau Android. Kamu bisa membuka situs hasil Framer di HP, tapi mendesainnya tetap di laptop.

Performa dan cocok untuk siapa

Halaman depan Framer menampilkan contoh skor Core Web Vitals berstatus "Good" (LCP 1,1 detik) dan klaim uptime 99,99%. Angka itu berasal dari halaman pemasaran, bukan pengukuran independen, tapi menunjukkan bahwa kecepatan situs jadi fokus produknya. Di halaman harga terpampang logo pelanggan seperti Dribbble, ElevenLabs, Zapier, Perplexity, Miro, dan DoorDash.

Contoh pemakaian yang realistis:

• Desainer dan mahasiswa DKV: portofolio dengan animasi dan tipografi yang rapi, cukup di paket Basic atau gratis lewat program pelajar.
• Startup: landing page produk, halaman waitlist, dan blog perusahaan yang diurus tim marketing tanpa menunggu developer.
• Freelancer dan agensi: membuat situs klien, lalu menyerahkan akses content editor (US$10) agar klien bisa memperbarui isi sendiri.
• Tim marketing: A/B testing halaman dan pengelolaan konten lewat CMS di paket Pro.

Batasan yang perlu dipertimbangkan:

• Tagihan dalam dolar per situs. Punya tiga situs klien berarti tiga paket.
• Paket Free hanya untuk mencoba dan penggunaan non-komersial, tanpa domain sendiri.
• Kredit AI cepat habis kalau sering membuat halaman penuh dari nol.
• Bukan untuk toko online. Halaman harganya tidak menyebut fitur keranjang belanja atau checkout, jadi untuk jualan produk kamu tetap butuh layanan lain.

Kelebihan dan kekurangan Framer

Kelebihan

• Desain bebas ala alat desain UI, langsung jadi situs responsif tanpa coding.
• Agen AI bekerja di kanvas dan setiap perubahannya tetap bisa diedit manual.
• Hosting, CMS, SEO, dan analitik sudah termasuk dalam satu langganan.
• Viewer gratis dan content editor lebih murah dari editor penuh, cocok untuk kerja bareng klien.
• Bisa dihubungkan ke Claude Code, Cursor, atau Codex lewat MCP tanpa memotong kredit Framer.
• Pelajar bisa mendapat paket Basic gratis lewat program Framer for Education.

Kekurangan

• Tagihan bulanan jauh lebih mahal: US$15 dan US$45, dibanding US$10 dan US$30 kalau tahunan.
• Harga dihitung per situs dan per editor, jadi biaya agensi cepat bertambah.
• Paket gratis tidak bisa memakai domain sendiri dan tidak ditujukan untuk penggunaan komersial.
• Antarmuka hanya berbahasa Inggris dan tidak ada aplikasi HP untuk mendesain.
• Bukan alat presentasi: tidak ada pembuat slide atau ekspor PowerPoint/PDF.

Framer vs alternatif: Canva, Figma, dan Gamma

Pilih Framer kalau hasil akhirmu situs web yang harus tampil profesional dan dikelola jangka panjang. Pilih Canva kalau butuhnya konten visual harian dan situs satu halaman sederhana sudah cukup. Pilih Figma kalau kamu mendesain aplikasi atau produk yang nantinya dibangun developer. Pilih Gamma kalau yang dibutuhkan presentasi atau dokumen yang cepat jadi. Perbandingan detail ada di Canva vs Framer, Figma vs Framer, dan Framer vs Gamma.

Bagaimana dengan Webflow? Halaman perbandingan resmi Framer mencantumkan Webflow Basic US$15 per bulan (tahunan) tanpa CMS, dibanding Framer Basic US$10 dengan 2 koleksi CMS. Perlu diingat ini perbandingan versi Framer sendiri, jadi cek juga halaman harga Webflow sebelum memutuskan.

Kesimpulan: Framer worth it atau tidak?

Framer worth it kalau kamu memang butuh situs web yang tampil rapi, cepat, dan bisa diurus sendiri tanpa developer. Agen AI-nya mempercepat draf pertama, tapi nilai utamanya tetap di kanvas desain yang langsung jadi situs.

• Mahasiswa dan desainer pemula: mulai dari paket Free atau ajukan program pelajar untuk Basic gratis. Ini cara murah membangun portofolio yang terlihat profesional.
• Freelancer: Basic tahunan (US$10 per bulan, ±Rp179.000) cukup untuk satu situs personal. Untuk klien, hitung biaya per situs dan masukkan ke harga proyek.
• Startup dan tim marketing: Pro masuk akal kalau kamu butuh blog besar, staging, dan A/B testing. Kalau hanya butuh satu landing page, Basic sudah cukup.
• Yang hanya butuh presentasi: Framer bukan pilihan yang tepat. Gamma atau Canva lebih sesuai.

Satu saran praktis: pakai paket Free dulu untuk menyusun situsmu sampai hampir jadi, baru berlangganan tahunan saat siap memasang domain. Dengan begitu kamu tidak membayar selama masa belajar.

Ingin memakai AI untuk menyusun copy landing page, konten blog, dan strategi kampanye situsmu? Kelas AI untuk Marketing & Konten membahas alur kerja konten dengan AI secara praktis, dan Fondasi AI untuk Kerja yang gratis bisa jadi titik awal belajar menulis prompt yang rapi. Informasi lengkap tool ini juga ada di halaman Framer.