#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|AdobeFirefly Adobe Firefly

Buat desain interaktif dengan Firefly Builder, pembuat situs web berbasis kecerdasan buatan.

Visualisasikan situs web, aplikasi, dan lain-lain secara mudah dengan Firefly Builder, yang mengubah prompt dan referensi menjadi desain responsif yang bisa dipratinjau dan diedit langsung di kanvas.

Gabungi daftar tunggu

style
dark
#000

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg|Adobe Firefly

Gabungi daftar tunggu Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Gabungi daftar tunggu Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Gabungi daftar tunggu Firefly Builder

style
Sticky bottom, dark

Firefly Builder. Saat pengodean suasana menggandeng kebebasan berkreasi.

Kini, desainer bisa mewujudkan ide secara cepat dengan menghasilkan desain situs web dan aplikasi interaktif sesuai identitas merek, tanpa menulis satu baris kode pun. Buat dan kelola beberapa proyek dalam satu kanvas, lalu sesuaikan semua detailnya melalui obrolan agen atau seleksi dan pengeditan langsung. Selanjutnya, ekspor bundel kode Anda untuk pengembangan lebih lanjut.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links

Jaga konsistensi dan kontrol dengan sistem desain dan fitur-fitur pengeditan langsung di kanvas.

Cukup ketik prompt atau unggah pedoman merek Anda untuk menghasilkan sistem desain yang menjaga tampilan dan nuansa tetap konsisten di semua versi. Edit desain Anda melalui panel Properti, atau pilih elemen apa pun dengan alat Pemeriksaan dan ketik prompt untuk mendeskripsikan perubahan yang ingin Anda lihat.

Pratinjau dan bagikan desain Anda dengan mudah.

Firefly Builder menghidupkan desain Anda sebagai prototipe yang dapat diklik dan diuji langsung di kanvas. Bagikan tautannya kepada pemangku kepentingan, klien, dan kolaborator untuk mendapatkan masukan, lalu revisi dan sempurnakan sebelum pengembangan dimulai.

Ekspor pengalaman Anda dari pembuat situs web AI.

Serahkan bundel kode HTML yang bersih kepada developer atau impor ke alat pengodean web untuk membawa desain Anda ke tahap penerapan.

Cara membuat desain interaktif dengan Firefly Builder.

Langkah 1

Gabungi daftar tunggu.

Kunjungi firefly.adobe.com/builder dan gabungi daftar tunggu Firefly Builder dengan Adobe ID, atau buat akun gratis jika belum Anda miliki.

Langkah 2

Buka Firefly Builder.

Setelah aplikasi tersedia, masuki dengan Adobe ID.

Langkah 3

Mulai hasilkan proyek.

Klik ikon pesawat kertas di pojok kanan bawah jendela prompt. Firefly Builder akan mulai menghasilkan desain Anda di kanvas, dan Anda dapat melihat setiap tindakannya secara waktu nyata, langkah demi langkah.

Langkah 4

Lakukan pratinjau proyek.

Setelah Firefly Builder selesai, Anda akan mendapatkan pratinjau interaktif dari proyek Anda. Anda bisa memperluas bingkai, memeriksa elemen satu per satu, atau mencoba pengalamannya di tab browser baru.

Langkah 5

Perhalus hasil.

Lanjutkan mengedit proyek dengan memilih bingkai dan mengetik instruksi ke jendela obrolan agen.

Langkah 6

Opsional: Hasilkan proyek lain.

Untuk membuat proyek baru, batalkan pilihan bingkai aplikasi dan perkecil tampilan. Gambarkan bingkai baru di mana saja pada kanvas dengan alat Bingkai di bar alat bawah. Lalu, buat desain baru di dalam bingkai ini dengan memilihnya dan memasukkan prompt baru.

Pindah dari satu proyek ke proyek lain dengan memilih proyek di kanvas atau melalui menu tarik turun di area kiri atas panel obrolan.

Cara membuat pengalaman interaktif dengan Firefly Builder.

Langkah-langkah membuat pengalaman interaktif dengan Firefly Builder.

PT5M

firefly

Gabungi daftar tunggu
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Mengapa menggunakan Firefly Builder sebagai pembuat situs web AI?

Firefly Builder memberdayakan desainer grafis, desainer UI/UX, dan profesional kreatif dari berbagai bidang untuk menghasilkan pengalaman interaktif tanpa menulis kode. Entah untuk membuat mockup aplikasi web sederhana atau merancang situs mikro bermerek untuk peluncuran produk, Firefly Builder memudahkan Anda memvisualisasikan cara produk akhir terlihat, terkesan, dan berperilaku .

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links
#FFF

Kontrol kreatif

Dengan kemampuan menghasilkan sistem desain dan mengedit semua detail desain secara langsung di kanvas, Firefly Builder menghadirkan tingkat presisi baru dalam pengodean suasana (vibe).

#FFF

Desain interaktif tanpa kode

Cukup ketik deskripsi, tambahkan referensi visual, dan unggah pedoman merek. Pembuat situs web berbasis kecerdasan buatan akan menghasilkan langsung desain interaktif yang sesuai dengan visi Anda.

#FFF

Berbagi dengan mudah

Setelah desain siap, dapatkan tautan yang bisa dibagikan kepada kolaborator dan pemangku kepentingan untuk ditinjau. Tidak perlu mengekspor atau menyerahkan file.

#FFF

Output siap produksi

Firefly Builder menghasilkan dengan cepat bundel kode yang rapi dan siap untuk disempurnakan lebih lanjut dengan alat-alat pengembangan web.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Gabungi daftar tunggu
background
#FFF
style
xl-top-rounded-corners, static links

Lihat yang bisa Anda lakukan di Firefly Builder.

Gabungi daftar tunggu
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Gabungi daftar tunggu
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Gabungi daftar tunggu
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Temukan lebih banyak lagi fitur.

background
#F0F0F7
Teks ke gambar Gambar ke gambar Sketsa ke gambar Penghasil desain grafis AI Penghasil seni AI Penghasil ilustrasi AI Penghasil video AI Penghasil animasi AI Penghasil potret AI Penghasil kartun AI Penghasil musik AI Penghasil efek suara AI
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Ada pertanyaan? Kami punya jawabannya.

Apakah Firefly Builder?

Firefly Builder adalah aplikasi web yang memungkinkan Anda menghasilkan desain interaktif seperti situs web dan aplikasi tanpa menulis kode.

Untuk siapa Firefly Builder?

Firefly Builder dirancang untuk desainer dan profesional kreatif yang ingin menerapkan seni bercerita secara visual ke dalam pengalaman interaktif seperti situs web dan aplikasi. Mereka bisa menggunakannya untuk proyek klien atau membangun merek organisasi sendiri.

Kapan pembangun situs web AI di Firefly Builder bisa diakses?

Aplikasi ini kini tersedia sebagai bagian dari program beta privat. Untuk mengetahui lebih lanjut, kunjungi firefly.adobe.com/builder.

Bahasa apa saja yang didukung?

Firefly Builder saat ini hanya tersedia dalam bahasa Inggris.

Jenis file apa yang bisa diunggah ke jendela prompt?

Firefly Builder saat ini mendukung jenis-jenis file berikut: JPEG, PNG, PDF, MD, dan GIF.

Bisakah Firefly Builder digunakan sebagai pembuat situs web dan aplikasi AI di perangkat seluler?

Ya. Firefly Builder berjalan di browser web baik desktop maupun seluler. Namun, saat ini belum ada fungsi output bundel kode untuk aplikasi seluler.

Browser apa saja yang didukung oleh Firefly Builder?

Anda dapat menggunakan Firefly Builder di Google Chrome, Apple Safari, Microsoft Edge, dan Mozilla Firefox.

Apakah desain bisa diedit setelah dihasilkan?

Ya. Anda bisa mengeditnya secara langsung melalui panel Properti, atau menggunakan alat Pemeriksaan untuk menargetkan elemen tertentu, lalu mengunakan prompt untuk membuat perubahan.

Bagikan halaman ini.

style
xxl spacing bottom