#000

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

Interaktív grafikák készítése a Firefly Builderrel, az MI-alapú webhelykészítővel

A Firefly Builder segítségével könnyedén megjeleníthet webhelyeket, alkalmazásokat és más tartalmakat. A weboldalkészítő az utasítások és a referenciák alapján olyan reszponzív terveket alkot, amelyeket közvetlenül a vásznon tekinthet meg és szerkeszthet.

Feliratkozom a várólistára

style
dark
#000

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

Feliratkozás a Firefly Builder várólistájára

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

Adobe Firefly

Feliratkozás a Firefly Builder várólistájára

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

Adobe Firefly

Feliratkozás a Firefly Builder várólistájára

style
Sticky bottom, dark

Firefly Builder. Ahol a vibe coding és az alkotói szabadság találkozik

A tervezők mostantól gyorsan életre kelthetik az ötleteiket interaktív, arculathű webhely- és alkalmazástervek generálásával – egyetlen sornyi kód írása nélkül. Egyetlen vásznon több projektet is létrehozhat és kezelhet, a részleteket pedig ügynök chaten keresztül vagy közvetlen kijelöléssel és szerkesztéssel finomíthatja. Ezután exportálhatja is a kódcsomagokat a további fejlesztéshez.

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

Konzisztencia és kontroll tervezőrendszerek és vásznon megjelenő szerkesztőfunkciók révén

Egyszerűen írjon be egy promptot vagy töltsön fel arculati útmutatókat, és és máris létrehozhat egy olyan tervezőrendszert, amely egységes megjelenést és hangulatot biztosít a verziók között. A terveket a Properties panelen szerkesztheti, vagy az Inspect eszközzel kijelölhet bármilyen elemet, majd beírhat egy promptot a kívánt módosítások leírásához.

Egyszerűen megtekinthető és megosztható tervek

A Firefly Builder kattintható prototípusokként kelti életre a terveit, amelyeket közvetlenül a vásznon tesztelhet. A döntéshozóktól, az ügyfelektől és a közreműködőktől egy hivatkozást elküldve kérhet visszajelzést, így még a fejlesztés megkezdése előtt elvégezheti a szükséges finomításokat.

Élmények exportálása az MI-alapú weboldalkészítőből

A tisztázott HTML-kódcsomagokat átadhatja egy fejlesztőnek, vagy importálja őket egy webes kódszerkesztő eszközbe, hogy a terveit üzembe helyezésre kész állapotba hozza.

Interaktív tervek készítése a Firefly Builderrel

1. lépés

Feliratkozás a várólistára

Lépjen a firefly.adobe.com/builder oldalra, és az Adobe ID-azonosítóját megadva iratkozzon fel a Firefly Builder várólistájára, vagy ha még nincs ingyenes fiókja, regisztráljon egyet.

2. lépés

A Firefly Builder megnyitása

Miután az alkalmazás elérhetővé válik, jelentkezzen be Adobe ID-azonosítójával.

3. lépés

A projekt létrehozásának megkezdése

Kattintson a promptablak jobb alsó sarkában látható papírrepülő ikonra. A Firefly Builder elkezdi létrehozni a tervét a vásznon, Ön pedig lépésről lépésre, valós időben követheti nyomon a folyamatot.

4. lépés

A projekt előnézetének megtekintése

Amikor a Firefly Builder végzett, interaktív előnézetben tekintheti meg a projektjét. Kibővítheti a keretet, megvizsgálhatja az egyes elemeket, vagy egy új böngészőlapon tesztelheti a felületet.

5. lépés

A változatok finomítása

A projekt szerkesztésének folytatásához jelölje ki a keretét, és írja be az utasításokat az ügynök csevegőablakába.

6. lépés

Nem kötelező: Újabb projekt létrehozása

Új projekt létrehozásához törölje az alkalmazáskeret kijelölését, és kicsinyítsen. Rajzoljon új keretet bárhová a vásznon az alsó eszköztárban található Keret eszközzel. Ezután jelölje ki az új keretet, adjon meg egy új promptot, és hozzon létre egy új tervet.

A projektek között a vásznon való kijelöléssel, illetve a csevegőpanel bal felső részén lévő legördülő menüben válthat.

Interaktív felületek készítése a Firefly Builderrel

Az interaktív felületek létrehozásának élményei a Firefly Builderben.

PT5M

firefly

Feliratkozom a várólistára
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Miért érdemes az Adobe Firefly Buildert használni MI-alapú weboldalkészítőként?

A Firefly Builder használatával a grafikusok, a felhasználói felületek és élmények tervezői és minden kreatív szakember kódok írása nélkül hozhat létre interaktív felületeket. Legyen szó egy egyszerű webalkalmazás vázlatáról vagy egy termékbemutató arculati elemekkel ellátott mikroweboldaláról, a Firefly Builder segítségével könnyedén elképzelhető, hogyan fog kinézni, milyen érzést kelt, és hogy viselkedik majd a végső termék.

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

Kreatív kontroll

A Firefly Builderrel tervezőrendszereket hozhat létre, a vásznon pedig a tervek minden részletét szerkesztheti, így a precizitás új szintjét élvezheti a vibe coding során.

#FFF

Kódmentes interaktív tervezés

Egyszerűen írja le az elképzeléseit, adjon hozzá vizuális referenciákat, töltse fel az arculati irányelveket, és az MI-alapú webhelykészítő gyorsan létrehozza a víziójának megfelelő interaktív terveket.

#FFF

Egyszerű tartalommegosztás

Ha a terv készen áll, osszon meg egy hivatkozást az együttműködőkkel és az érdekelt felekkel áttekintés céljából. Nincs szükség fájlexportálásra vagy kézi átadásra.

#FFF

Profi minőségű eredmények

A Firefly Builder gyorsan képes letisztult kódcsomagokat előállítani, amelyek a webfejlesztési eszközökben azonnal tovább finomíthatók.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Feliratkozom a várólistára
background
#FFF
style
xl-top-rounded-corners, static links

A Firefly Builder kínálta lehetőségek

Feliratkozás a várólistára
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Feliratkozás a várólistára
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Feliratkozás a várólistára
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Még több funkció vár kipróbálásra

background
#F0F0F7
Szövegből kép Képből kép Vázlatból kép MI-alapú grafikaiterv-generátor MI-alapú alkotásgenerátor MI-alapú rajzgenerátor MI-alapú videógenerátor MI-alapú animációgenerátor MI-alapú portrégenerátor MI-alapú képregény-generátor MI-alapú zenegenerátor MI-alapú hangeffektus-generátor
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Kérdése van? Mi tudjuk rá a választ.

Mit kell tudni a Firefly Builderről?

A Firefly Builder egy webalkalmazás, amellyel kódírás nélkül hozhat létre interaktív terveket, például webhelyeket és alkalmazásokat.

Kinek ajánlott a Firefly Builder?

Minden olyan tervező és kreatív szakember számára készült, aki webhelyeken és alkalmazásokban szeretné kamatoztatni a vizuális történetmesélés erejét. A Firefly Builder segítségével egyaránt dolgozhatnak ügyfeleknek és a saját szervezetük arculatának kialakításán.

Mikor válik elérhetővé a Firefly Builder MI-alapú webhelykészítő?

Az alkalmazás jelenleg egy privát bétaprogram keretében érhető el. További részletekért látogasson el a firefly.adobe.com/builder oldalra.

Melyek a támogatott nyelvek?

A Firefly Builder jelenleg csak angol nyelven érhető el.

Milyen fájltípusokat tölthetek fel az utasításablakba?

A Firefly Builder jelenleg a következő fájltípusokat támogatja: JPEG, PNG, PDF, MD és GIF.

Mobileszközön is használható a Firefly Builder MI-alapú webhely- és alkalmazáskészítő?

Igen. A Firefly Builder egyaránt működik számítógépes és mobilos webböngészőkben. Mobilalkalmazások kódcsomagjainak exportálását jelenleg nem támogatja.

Mely böngészőket támogatja a Firefly Builder?

A Firefly Builder Google Chrome, Apple Safari, Microsoft Edge és Mozilla Firefox böngészőkben használható.

Szerkeszthetők a tervek a létrehozás után?

Igen. A terveket közvetlenül a Properties panelen szerkesztheti, vagy az Inspect eszközzel megcélozhat egyes elemeket, majd promptok segítségével módosíthatja őket.

Oldal megosztása

style
xxl spacing bottom