# Cara mengubah desain email yang ada menjadi email sesuai merek dengan AI

URL kanonis: https://brew.new/id/blog/import-existing-email-designs-ai
Penulis: Philip Sørensen
Dipublikasikan: 2026-09-01
Diperbarui: 2026-09-29

Tidak semua perusahaan memulai dari halaman kosong. Banyak tim sudah punya desain email yang disetujui, templat merek, file Figma, atau kampanye berperforma tinggi dari ESP lain.

Pertanyaannya bukan apakah AI bisa membuat sesuatu dari nol. Pertanyaan yang lebih tepat: bisakah AI memanfaatkan apa yang sudah terbukti berhasil?

Bagi tim email modern, jawabannya seharusnya: bisa.

## Poin penting

- Tata letak yang sudah disetujui menyimpan pola header, footer, tipografi, jarak, dan ketentuan hukum. Memulai dari awal berarti membuang semua itu.
- Tiga jalur impor sudah mencakup kebutuhan sebagian besar tim: unggah HTML, hubungkan frame Figma, atau buat ulang dari gambar.
- Setelah diimpor, file tersebut menjadi email biasa di kanvas. Edit, simpan sebagai templat, buat varian, atau kirim.
- Impor hanyalah awal. Bagian yang berguna adalah mengubah aset lama menjadi sistem yang bisa Anda sesuaikan untuk kampanye dan [otomatisasi](/id/blog/email-marketing-automation-guide) baru.

## Dua jenis tim email

Sebagian besar perusahaan masuk ke salah satu dari dua kelompok.

**Tim yang lebih kecil** sering kali belum punya sistem desain untuk email. Mereka butuh AI untuk membuat versi pertama yang kuat dengan cepat.

**Tim yang lebih besar** sudah punya desain sendiri. Mereka butuh AI yang menghormati apa yang sudah disetujui, lalu menyesuaikannya untuk kampanye dan otomatisasi baru.

Kelompok kedua membutuhkan alur kerja impor.

## Mengapa desain yang sudah ada itu penting

Desain email yang sudah ada menyimpan banyak pengetahuan tentang merek:

- Pola header dan footer
- Gaya tombol
- Pilihan tipografi
- Jarak dan kepadatan tata letak
- Gaya pengolahan gambar
- Konvensi hukum dan berhenti berlangganan, termasuk opsi berhenti berlangganan yang berfungsi sesuai ketentuan [CAN-SPAM](https://www.ftc.gov/business-guidance/resources/can-spam-act-compliance-guide-business)
- Nada dan struktur yang sudah terbukti efektif

Membuang semua itu membuat AI kurang berguna. Sistemnya seharusnya belajar dari karya yang sudah ada, bukan menggantikannya.

## Cara membawa desain yang sudah ada ke Brew

Brew mendukung tiga jalur impor utama. Jalur keempat, yaitu meneruskan email dari kotak masuk Anda ke Brew, menjalankan konversi HTML yang sama seperti unggahan.

### 1. Unggah HTML

Jika Anda sudah punya HTML email dari ESP lain atau dari sistem desain internal, unggah ke Brew. Brew mengimpornya sebagai email yang bisa diedit di kanvas.

Jalur ini berguna jika:

- Anda punya HTML siap produksi dari kampanye sebelumnya
- Anda ingin memigrasikan templat dari ESP lain
- Tim Anda punya sistem desain email dalam bentuk kode
- Anda ingin struktur dan jarak ditiru seakurat mungkin

Setelah diimpor, Anda bisa meminta Brew menulis ulang, menyesuaikan merek, mempersingkat, melokalkan, atau mengubah desainnya menjadi beberapa varian. Brief yang ringkas dan jelas tetap membantu. Lihat [cara memberi brief kepada agen email](/id/blog/how-to-brief-an-email-agent).

### 2. Hubungkan dengan Figma

Gunakan URL frame yang menyertakan `node-id`. Hubungkan Figma di Brew, lalu tempelkan tautan frame ke chat. Pilih frame email yang sebenarnya, bukan seluruh papan desain.

1. Siapkan frame dengan bagian yang jelas, teks yang mudah dibaca, dan gambar yang dibutuhkan email. Tata letak halaman web mungkin perlu kolom yang lebih sederhana untuk klien email.
2. Impor frame yang dipilih. Tinjau email hasil konversi pada lebar desktop dan seluler.
3. Periksa setiap URL tujuan dan field personalisasi. Tangkapan layar atau frame desain bukan bukti bahwa email yang diekspor berisi tautan yang berfungsi.
4. Edit teks dan tata letak di kanvas Brew. Simpan frame aslinya sebagai referensi visual.
5. Kirim email uji dan gunakan pemeriksaan tampilan untuk klien email yang dipakai audiens Anda. Setelah itu, kirim dari domain Brew yang terverifikasi atau ekspor ke platform yang didukung.

Agen bisa meminta impor lewat alat Brew setelah koneksi Figma diotorisasi. Ikuti [panduan penyiapan Figma](https://docs.brew.new/integrations/import/figma) untuk persyaratan terkini. Pastikan file desain dan email finalnya bisa diakses oleh orang yang meninjau pengiriman.

### 3. Unggah gambar untuk dibuat ulang

Jika yang Anda punya hanya tangkapan layar atau referensi visual, unggah gambarnya. Brew membuat ulang struktur dan gayanya sebagai email yang bisa diedit.

Jalur ini berguna jika:

- Anda menyukai sebuah email, tetapi tidak punya HTML-nya
- Anda punya tangkapan layar kampanye lama
- Anda ingin meminjam strukturnya tanpa meniru mereknya
- Anda ingin Brew membuat versi baru dengan gaya Anda

## Apa yang terjadi setelah impor?

Desain yang diimpor menjadi email Brew biasa di kanvas. Artinya, Anda bisa:

- Mengedit secara manual
- Mengedit dengan AI
- Menyimpannya sebagai templat
- Menjadikannya email referensi
- Membuat varian
- Mengirim email uji untuk pratinjau
- Mengirimnya ke audiens
- Mengekspornya ke HubSpot, Klaviyo, Mailchimp, Brevo, dan ESP lainnya

Bandingkan email hasil impor dengan versi asli yang sudah disetujui sebelum memakainya sebagai referensi untuk kampanye berikutnya.

## Cara memilih jalur impor yang tepat

| Titik awal | Jalur terbaik |
| ------------------- | ------------------------ |
| HTML dari ESP Anda saat ini | Unggah HTML |
| Frame Figma | Hubungkan dengan Figma |
| Tangkapan layar atau gambar | Unggah gambar untuk dibuat ulang |
| Email di kotak masuk Anda | Teruskan ke Brew |
| Belum ada desain | Mulai dengan prompt |

## Posisi Brew

[Brew](/id) mendukung pembuatan dari halaman kosong maupun impor desain yang sudah ada. Mulailah dari prompt jika Anda butuh arah baru. Impor HTML, Figma, atau gambar jika Anda sudah punya desain yang ingin dipakai Brew.

Apa pun caranya, hasilnya muncul di kanvas sebagai email yang bisa diedit, lalu bisa Anda kirim, jadwalkan, atau ekspor.

Footer hukum yang diimpor tetap membutuhkan opsi berhenti berlangganan yang sungguhan, bukan sekadar blok yang terlihat mirip. [RFC 8058](https://www.rfc-editor.org/rfc/rfc8058.html) adalah spesifikasi header berhenti berlangganan sekali klik. Untuk menulis teks setelah tata letaknya jadi, gunakan [cara menulis email marketing](/id/blog/how-to-write-marketing-emails) dan [praktik terbaik email marketing](/id/blog/email-marketing-best-practices). Untuk menghubungi kami tentang artikel ini, tulis ke [tim dukungan Brew](/id/support).
