#000

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

Cipta reka bentuk interaktif dengan Firefly Builder, pembina laman web AI.

Gambarkan laman web, aplikasi, dan banyak lagi dengan mudah menggunakan Firefly Builder, yang mengubah gesaan dan rujukan anda menjadi reka bentuk responsif untuk dipratonton dan diedit terus pada kanvas.

Sertai senarai menunggu

style
dark
#000

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

Sertai senarai menunggu Firefly Builder

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

Adobe Firefly

Sertai senarai menunggu Firefly Builder

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

Adobe Firefly

Sertai senarai menunggu Firefly Builder

style
Sticky bottom, dark

Firefly Builder. Gandingan pengekodan intuitif dengan kawalan kreatif.

Kini, pereka bentuk boleh merealisasikan idea mereka dengan cepat melalui reka bentuk laman web dan aplikasi yang interaktif serta selaras dengan jenama — tanpa menulis sebarang kod. Cipta dan urus berbilang projek pada satu kanvas, serta laraskan semua butiran melalui sembang ejen atau pemilihan dan pengeditan terus. Kemudian eksport himpunan kod anda untuk pembangunan selanjutnya.

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

Dapatkan ketekalan dan kawalan dengan sistem reka bentuk dan ciri pengeditan pada kanvas.

Taipkan gesaan atau muat naik garis panduan jenama anda untuk menjana sistem reka bentuk yang mengekalkan penampilan secara konsisten merentas semua versi. Edit reka bentuk anda melalui panel Sifat, atau pilih mana-mana elemen dengan alat Pemeriksaan dan taipkan gesaan untuk menghuraikan perubahan yang anda inginkan.

Pratonton dan kongsi reka bentuk anda dengan mudah.

Firefly Builder menghidupkan reka bentuk anda sebagai prototaip yang boleh diklik dan diuji terus pada kanvas. Hantar pautan kepada pihak berkepentingan, klien, dan rakan kerjasama untuk mendapatkan maklum balas mereka agar anda boleh menyemak dan membuat penambahbaikan sebelum pembangunan bermula.

Eksport pengalaman anda daripada pembina laman web AI.

Serahkan himpunan kod HTML yang bersih kepada pembangun atau import ke dalam alat pengekodan web untuk membawa reka bentuk anda ke peringkat pelaksanaan.

Cara mencipta reka bentuk interaktif dengan Firefly Builder.

Langkah 1

Sertai senarai menunggu.

Pergi ke firefly.adobe.com/builder dan sertai senarai menunggu Firefly Builder menggunakan Adobe ID anda, atau cipta akaun percuma jika anda belum mempunyai akaun.

Langkah 2

Buka Firefly Builder.

Setelah aplikasi tersedia, log masuk menggunakan Adobe ID anda.

Langkah 3

Mula menjana projek anda.

Klik ikon kapal terbang kertas di sudut kanan sebelah bawah tetingkap gesaan. Firefly Builder akan mula menjana reka bentuk anda pada kanvas, dan anda boleh melihat setiap tindakannya secara langsung, langkah demi langkah.

Langkah 4

Pratonton projek anda.

Setelah Firefly Builder selesai, anda akan mendapat pratonton interaktif bagi projek anda. Anda boleh meluaskan bingkai, memeriksa elemen individu, atau mencuba pengalaman tersebut dalam tab pelayar baharu.

Langkah 5

Perhalusi hasil anda.

Teruskan pengeditan projek anda dengan memilih bingkai dan menaipkan arahan dalam tetingkap sembang ejen.

Langkah 6

Pilihan: Jana projek lain.

Untuk mencipta projek baharu, nyahpilih bingkai aplikasi dan zum keluar. Lukis bingkai baharu di mana-mana di atas kanvas menggunakan alat Bingkai dalam bar alat bawah. Kemudian jana reka bentuk baharu dalam bingkai ini dengan memilihnya dan memasukkan gesaan baharu.

Beralih antara projek dengan memilihnya pada kanvas atau melalui menu lungsur di kawasan kiri sebelah atas panel sembang.

Cara mencipta pengalaman interaktif dengan Firefly Builder.

Langkah-langkah untuk mencipta pengalaman interaktif dengan Firefly Builder.

PT5M

firefly

Sertai senarai menunggu
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Mengapa menggunakan Firefly Builder sebagai pembina laman web AI anda?

Firefly Builder memperkasakan pereka bentuk grafik, pereka bentuk UI/UX, dan profesional kreatif pelbagai bidang untuk menjana pengalaman interaktif tanpa perlu menulis kod. Sama ada anda perlu membuat prototaip aplikasi web yang ringkas atau mereka bentuk laman mikro berjenama untuk pelancaran produk, Firefly Builder memudahkan anda menggambarkan rupa, rasa, dan fungsi produk akhir tersebut.

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

Kawalan kreatif

Dengan keupayaan menjana sistem reka bentuk dan mengedit semua butiran reka bentuk anda terus pada kanvas, Firefly Builder membawa tahap ketepatan baharu kepada pengekodan intuitif.

#FFF

Reka bentuk interaktif tanpa kod

Hanya taipkan huraian, tambahkan rujukan visual, dan muat naik garis panduan jenama anda — pembina laman web AI akan segera menjana reka bentuk interaktif yang sepadan dengan visi anda.

#FFF

Perkongsian mudah

Setelah reka bentuk selesai, dapatkan pautan boleh kongsi untuk dihantar kepada rakan kerjasama dan pihak berkepentingan bagi tujuan semakan. Tiada eksport fail atau serah tugas diperlukan.

#FFF

Output yang sedia untuk penerbitan

Firefly Builder dengan pantas menghasilkan himpunan kod yang bersih dan sedia untuk dipertingkatkan lagi dalam alat pembangunan web.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Sertai senarai menunggu
background
#FFF
style
xl-top-rounded-corners, static links

Lihat perkara yang boleh anda lakukan dengan Firefly Builder.

Sertai senarai menunggu
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Sertai senarai menunggu
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Sertai senarai menunggu
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Terokai lebih banyak ciri lagi.

background
#F0F0F7
Teks kepada imej Imej kepada imej Lakaran kepada imej Penjana reka bentuk grafik AI Penjana seni AI Penjana lukisan AI Penjana video AI Penjana animasi AI Penjana potret AI Penjana kartun AI Penjana muzik AI Penjana kesan bunyi AI
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Anda ada soalan? Kami ada jawapannya.

Apakah itu Firefly Builder?

Firefly Builder ialah aplikasi web yang membolehkan anda menjana reka bentuk interaktif seperti laman web dan aplikasi tanpa menulis kod.

Siapakah yang paling sesuai untuk menggunakan Firefly Builder?

Firefly Builder adalah sesuai untuk mana-mana pereka bentuk atau profesional kreatif yang ingin menerapkan seni penceritaan visual kepada pengalaman interaktif seperti laman web dan aplikasi. Mereka boleh menggunakan Firefly Builder untuk kerja klien atau jenama organisasi mereka sendiri.

Bilakah saya boleh mengakses pembina laman web AI Firefly Builder?

Aplikasi ini kini tersedia sebagai sebahagian daripada program beta peribadi. Untuk mengetahui lebih lanjut, lawati firefly.adobe.com/builder.

Apakah bahasa yang disokong?

Firefly Builder hanya tersedia dalam bahasa Inggeris pada masa ini.

Apakah jenis fail yang boleh saya muat naik ke tetingkap gesaan?

Firefly Builder kini menyokong jenis fail berikut: JPEG, PNG, PDF, MD, dan GIF.

Bolehkah saya menggunakan pembina laman web dan aplikasi AI Firefly Builder pada peranti mudah alih saya?

Ya. Firefly Builder berfungsi pada pelayar web desktop dan mudah alih. Pada masa ini, ia tidak menyokong output himpunan kod untuk aplikasi mudah alih.

Pelayar manakah yang disokong oleh Firefly Builder?

Anda boleh menggunakan Firefly Builder dalam Google Chrome, Apple Safari, Microsoft Edge, dan Mozilla Firefox.

Bolehkah saya mengedit reka bentuk saya selepas membuat penjanaan?

Ya. Anda boleh mengedit reka bentuk anda secara terus melalui panel Sifat, atau menggunakan alat Pemeriksaan untuk menyasarkan elemen tertentu dan menggunakan gesaan untuk membuat perubahan.

Kongsi halaman ini.

style
xxl spacing bottom