#000

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

Yapay zeka destekli web sitesi oluşturucu Firefly Builder ile etkileşimli tasarımlar oluşturun.

Firefly Builder ile web sitelerini, uygulamaları ve çok daha fazlasını kolayca görselleştirin. İstemleriniz ve referanslarınız, doğrudan tuval üzerinde önizleyip düzenleyebileceğiniz duyarlı tasarımlara dönüştürülür.

Bekleme listesine katılın

style
dark
#000

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

Firefly Builder bekleme listesine katılın

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

Adobe Firefly

Firefly Builder bekleme listesine katılın

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

Adobe Firefly

Firefly Builder bekleme listesine katılın

style
Sticky bottom, dark

Firefly Builder: Doğal dille kodlamanın yaratıcı kontrolle buluştuğu yer.

Tasarımcılar artık tek satır kod yazmadan etkileşimli, markaya uygun web sitesi ve uygulama tasarımları oluşturarak fikirlerini hızla hayata geçirebiliyor. Tek bir tuval üzerinde birden fazla proje oluşturup yönetin; tüm ayrıntıları temsilci sohbeti veya doğrudan seçim ve düzenleme yoluyla ayarlayın. Ardından kod paketlerinizi daha fazla geliştirmek için dışa aktarın.

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

Tasarım sistemleri ve tuval üzerinde düzenleme özellikleriyle tutarlılık ve kontrol elde edin.

Bir istem yazarak ya da marka yönergelerinizi yükleyerek görünümünüzü ve hissiyatınızı tüm sürümlerde tutarlı kılacak bir tasarım sistemi oluşturun. Tasarımlarınızı Özellikler paneli aracılığıyla düzenleyin ya da Inspect aracıyla herhangi bir öğeyi seçip görmek istediğiniz değişiklikleri bir istemle tanımlayın.

Tasarımlarınızı kolayca önizleyin ve paylaşın.

Firefly Builder, tasarımlarınızı doğrudan tuval üzerinde test edebileceğiniz tıklatılabilir prototipler olarak hayata geçirir. Geliştirme başlamadan önce gözden geçirip iyileştirmek için paydaşlara, müşterilere ve ortak çalışanlara bağlantı göndererek geri bildirim alın.

Deneyimlerinizi yapay zeka destekli web sitesi oluşturucudan dışa aktarın.

Temiz HTML kod paketlerini bir geliştiriciye devredin veya web kodlama araçlarına aktararak tasarımlarınızı dağıtıma hazır hale getirin.

Firefly Builder ile etkileşimli tasarımlar oluşturma.

1. Adım

Bekleme listesine katılın.

firefly.adobe.com/builder adresine gidip Adobe ID'nizi kullanarak Firefly Builder bekleme listesine katılın veya henüz hesabınız yoksa ücretsiz bir hesap oluşturun.

2. Adım

Firefly Builder'ı açın.

Uygulama kullanıma sunulduğunda Adobe ID'nizi kullanarak giriş yapın.

3. Adım

Projenizi oluşturmaya başlayın.

İstem penceresinin sağ alt köşesindeki uçak simgesini tıklatın. Firefly Builder, tasarımınızı tuval üzerinde oluşturmaya başlar; tüm adımları gerçek zamanlı olarak, adım adım izleyebilirsiniz.

4. Adım

Projenizi önizleyin.

Firefly Builder çalışmayı tamamladığında projenizin etkileşimli bir önizlemesini alırsınız. Çerçeveyi genişletebilir, öğeleri ayrı ayrı inceleyebilir ya da deneyimi yeni bir tarayıcı sekmesinde test edebilirsiniz.

5. Adım

Sonuçlarınızı iyileştirin.

Projenizin çerçevesini seçip temsilci sohbet penceresine talimatları yazarak projenizi düzenlemeye devam edin.

6. Adım

İsteğe bağlı: Başka bir proje oluşturun.

Yeni bir proje oluşturmak için uygulama çerçevesinin seçimini kaldırın ve uzaklaştırın. Alt araç çubuğundaki Çerçeve aracını kullanarak tuval üzerinde herhangi bir yere yeni bir çerçeve çizin. Ardından bu çerçeveyi seçip yeni bir istem girerek içinde yeni bir tasarım oluşturun.

Projeler arasında geçiş yapmak için tuval üzerinde projeleri seçin ya da sohbet panelinin sol üst köşesindeki açılır menüyü kullanın.

Firefly Builder ile etkileşimli deneyimler oluşturma.

Firefly Builder ile etkileşimli deneyimler oluşturma adımları.

PT5M

firefly

Bekleme listesine katılın
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Yapay zeka destekli web sitesi oluşturucu olarak neden Firefly Builder'ı tercih etmelisiniz?

Firefly Builder; grafik tasarımcıların, UI/UX tasarımcılarının ve yaratıcı profesyonellerin kod yazmadan etkileşimli deneyimler oluşturmasını sağlar. Basit bir web uygulaması prototipi hazırlarken ya da ürün lansmanı için markalı bir mikro site tasarlarken Firefly Builder, son ürünün nasıl görüneceğini, hissettireceğini ve davranacağını kolayca görselleştirmenizi mümkün kılar.

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

Yaratıcı kontrol

Tasarım sistemleri oluşturma ve tüm tasarım ayrıntılarınızı doğrudan tuval üzerinde düzenleme olanağıyla Firefly Builder, doğal dille kodlamaya yepyeni bir hassasiyet katıyor.

#FFF

Kodsuz, etkileşimli tasarım

Açıklamalar yazmanız, görsel referanslar eklemeniz ve marka yönergelerini yüklemeniz yeterli; yapay zeka destekli web sitesi oluşturma aracı, vizyonunuzla uyumlu etkileşimli tasarımları hızla oluşturur.

#FFF

Kolay paylaşım

Tasarım istenen noktaya geldiğinde, ortak çalışanlara ve paydaşlara inceleme için göndermek üzere paylaşılabilir bir bağlantı alın. Dosya dışa aktarma veya teslim süreçlerine gerek kalmaz.

#FFF

Prodüksiyona hazır çıktı

Firefly Builder, web geliştirme araçlarında daha fazla geliştirilmeye hazır, sade kod paketlerini hızla üretir.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Bekleme listesine katılın
background
#FFF
style
xl-top-rounded-corners, static links

Firefly Builder ile neler yapabileceğinizi keşfedin.

Bekleme listesine katılın
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Bekleme listesine katılın
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Bekleme listesine katılın
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Daha fazla özellik keşfedin.

background
#F0F0F7
Metinden görüntü Görüntüden görüntü Çizimden görüntü Yapay zeka destekli grafik tasarım oluşturucu Yapay zeka destekli içerik oluşturucu Yapay zeka destekli çizim oluşturucu Yapay zeka destekli video oluşturucu Yapay zeka destekli animasyon oluşturucu Yapay zeka destekli portre oluşturucu Yapay zeka destekli karikatür oluşturucu Yapay zeka destekli müzik oluşturucu Yapay zeka destekli ses efektleri oluşturucu
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Sorularınız mı var? Sorularınızı hemen yanıtlayalım.

Firefly Builder nedir?

Firefly Builder, kod yazmadan web siteleri ve uygulamalar gibi etkileşimli tasarımlar oluşturmanızı mümkün kılan bir web uygulamasıdır.

Firefly Builder kimler için idealdir?

Web siteleri ve uygulamalar gibi etkileşimli deneyimlere görsel hikaye anlatımı sanatını uygulamak isteyen tasarımcılar ve yaratıcı profesyonellere yöneliktir. Müşteri projeleri veya kendi kurumsal markaları için Firefly Builder'dan yararlanabilirler.

Firefly Builder yapay zeka destekli web sitesi oluşturucuya ne zaman erişebilirim?

Uygulama artık özel bir beta programı kapsamında kullanıma sunulmuştur. Daha fazla bilgi için firefly.adobe.com/builder adresini ziyaret edin.

Hangi diller desteklenmektedir?

Firefly Builder şu anda yalnızca İngilizce dilinde kullanılabilir.

İstem penceresine hangi dosya türlerini yükleyebilirim?

Firefly Builder şu anda şu dosya türlerini desteklemektedir: JPEG, PNG, PDF, MD ve GIF.

Firefly Builder yapay zeka destekli web sitesi ve uygulama oluşturucuyu mobil cihazımda kullanabilir miyim?

Evet. Firefly Builder masaüstü ve mobil web tarayıcılarında çalışır. Mobil uygulamalar için kod paketi çıktısını şu anda desteklememektedir.

Firefly Builder hangi tarayıcıları desteklemektedir?

Firefly Builder'ı Google Chrome, Apple Safari, Microsoft Edge ve Mozilla Firefox'ta kullanabilirsiniz.

Tasarımlarımı oluşturduktan sonra düzenleyebilir miyim?

Evet. Doğrudan Özellikler paneli aracılığıyla düzenleyebilir ya da belirli öğeleri hedeflemek için Inspect aracını kullanarak değişiklik yapmak için istemler kullanabilirsiniz.

Bu sayfayı paylaşın.

style
xxl spacing bottom