#000

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

Premieňajte nápady na interaktívne weby pomocou AI nástroja Firefly Builder

S nástrojom Firefly Builder môžete jednoducho vizualizovať webové stránky, aplikácie a ďalšie projekty. Tento nástroj premení vaše príkazy a referencie na responzívne návrhy, ktoré môžete zobrazovať a upravovať priamo na plátne.

Zapísať sa do zoznamu čakateľov

style
dark
#000

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

Zapísať sa do zoznamu čakateľov nástroja Firefly Builder

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

Adobe Firefly

Zapísať sa do zoznamu čakateľov nástroja Firefly Builder

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

Adobe Firefly

Zapísať sa do zoznamu čakateľov nástroja Firefly Builder

style
Sticky bottom, dark

Firefly Builder – kde sa vibe coding spája s kreatívnou kontrolou

Teraz môžu dizajnéri rýchlo oživiť svoje nápady generovaním interaktívnych návrhov webových stránok a aplikácií v súlade so značkou bez toho, aby museli napísať jediný riadok kódu. Vytvárajte a spravujte viacero projektov na jednom plátne a upravujte všetky detaily prostredníctvom chatu s agentom alebo priamym výberom a úpravami. Následne exportujte svoje balíky kódu na ďalší vývoj.

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

Zabezpečte si jednotnosť a kontrolu vďaka dizajnovým systémom a funkciám úprav priamo na plátne

Stačí zadať príkaz alebo nahrať pokyny týkajúce sa vašej značky a vygenerovať dizajnový systém, ktorý zachová jednotný vzhľad a štýl vo všetkých verziách. Svoje návrhy môžete upravovať prostredníctvom panela Vlastnosti alebo vybrať ľubovoľný prvok pomocou nástroja Inšpekcia a zadať príkaz, v ktorom opíšete požadované zmeny.

Jednoducho si pozrite náhľad svojich návrhov a zdieľajte ich

Firefly Builder oživí vaše návrhy vo forme klikateľných prototypov, ktoré môžete otestovať priamo na plátne. Pošlite odkaz zainteresovaným stranám, klientom a spolupracovníkom, aby ste získali ich spätnú väzbu a mohli tak návrhy upraviť a vylepšiť ešte pred začatím vývoja.

Exportujte projekty z AI nástroja na tvorbu webových stránok

Odovzdajte prehľadné balíky HTML kódu vývojárovi alebo ich importujte do nástrojov na kódovanie webových stránok, aby ste mohli svoje návrhy nasadiť.

Ako vytvárať interaktívne návrhy pomocou nástroja Firefly Builder

1. krok

Zaraďte sa do zoznamu čakateľov

Prejdite na stránku firefly.adobe.com/builder a zapíšte sa do zoznamu čakateľov nástroja Firefly Builder pomocou svojho Adobe ID alebo si vytvorte bezplatné konto, ak ho ešte nemáte.

2. krok

Otvorte nástroj Firefly Builder

Akonáhle bude aplikácia k dispozícii, prihláste sa pomocou svojho Adobe ID.

3. krok

Začnite generovať svoj projekt

Kliknite na ikonu papierového lietadielka v pravom dolnom rohu okna príkazu. Firefly Builder začne generovať váš návrh na plátne a vy budete môcť sledovať jednotlivé kroky v reálnom čase.

4. krok

Pozrite si náhľad projektu

Keď Firefly Builder dokončí generovanie, zobrazí sa vám interaktívny náhľad vášho projektu. Výsledok môžete rozšíriť, prezrieť si jednotlivé prvky alebo vyskúšať fungovanie projektu v novej karte prehliadača.

5. krok

Dolaďte svoje výsledky

Pokračujte v úprave projektu tak, že vyberiete jeho rám a zadáte pokyny do okna agentského chatu.

6. krok

Voliteľné: Vygenerujte ďalší projekt

Ak chcete vytvoriť nový projekt, zrušte výber rámu aplikácie a oddiaľte zobrazenie. Pomocou nástroja Frame (Rám) na dolnom paneli s nástrojmi nakreslite nový rám kdekoľvek na plátne. Potom v tomto ráme vygenerujte nový návrh tak, že ho vyberiete a zadáte nový príkaz.

Medzi projektmi môžete prepínať tak, že ich vyberiete na plátne alebo v rozbaľovacej ponuke v ľavom hornom rohu panelu chatu.

Ako vytvárať interaktívne zážitky pomocou nástroja Firefly Builder

Postup vytvárania interaktívnych zážitkov pomocou nástroja Firefly Builder

PT5M

firefly

Zapísať sa do zoznamu čakateľov
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Prečo používať Firefly Builder ako AI nástroj na tvorbu webových stránok?

Firefly Builder umožňuje grafickým dizajnérom, UI/UX dizajnérom a všetkým kreatívnym profesionálom vytvárať interaktívne zážitky bez nutnosti písania kódu. Či už potrebujete vytvoriť maketu jednoduchej webovej aplikácie, alebo navrhnúť mikrostránku so značkovým dizajnom pre uvedenie produktu na trh, Firefly Builder vám uľahčí vizualizáciu toho, ako bude finálny produkt vyzerať, pôsobiť a fungovať.

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

Kreatívna kontrola

Vďaka možnosti generovať dizajnové systémy a upravovať všetky detaily návrhov priamo na plátne prináša Firefly Builder novú úroveň presnosti do sveta vibe codingu.

#FFF

Interaktívny dizajn bez nutnosti kódovania

Stačí napísať popisy, pridať vizuálne referencie a nahrať pokyny týkajúce sa vašej značky a AI nástroj na tvorbu webových stránok rýchlo vygeneruje interaktívne návrhy, ktoré zodpovedajú vašej predstave.

#FFF

Jednoduché zdieľanie

Akonáhle je návrh pripravený, získajte odkaz, ktorý môžete poslať spolupracovníkom a zainteresovaným stranám na posúdenie. Nie je potrebné exportovať súbory ani ich odovzdávať.

#FFF

Výstup pripravený na produkciu

Firefly Builder rýchlo vytvára prehľadné balíky kódu, ktoré sú pripravené na ďalšie vylepšovanie v nástrojoch na vývoj webových aplikácií.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Zapísať sa do zoznamu čakateľov
background
#FFF
style
xl-top-rounded-corners, static links

Zistite, čo všetko môžete robiť v nástroji Firefly Builder

Zaradiť sa do zoznamu čakateľov
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Zaradiť sa do zoznamu čakateľov
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Zaradiť sa do zoznamu čakateľov
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Objavte ďalšie funkcie

background
#F0F0F7
Text na obrázok Obrázok z obrázka Skica na obrázok AI generátor grafického dizajnu AI generátor umenia AI generátor kresieb AI generátor videí AI generátor animácií AI generátor portrétov AI generátor kresleného obsahu AI generátor hudby AI generátor zvukových efektov
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Máte otázky? Máme na ne odpovede.

Čo je Firefly Builder?

Firefly Builder je webová aplikácia, ktorá vám umožňuje vytvárať interaktívne návrhy, ako sú webové stránky a aplikácie, bez nutnosti písať kód.

Pre koho je nástroj Firefly Builder určený?

Je určený pre každého dizajnéra alebo kreatívneho profesionála, ktorý chce uplatniť umenie vizuálneho rozprávania príbehov v interaktívnych zážitkoch, ako sú webové stránky a aplikácie. Firefly Builder môžu využívať pri práci pre klientov alebo na budovanie značky vlastnej organizácie.

Kedy budem mať prístup k AI nástroju Firefly Builder na tvorbu webových stránok?

Aplikácia je momentálne dostupná v rámci uzavretého beta programu. Viac informácií nájdete na firefly.adobe.com/builder.

Ktoré jazyky Firefly Builder podporuje?

Nástroj Firefly Builder je momentálne k dispozícii iba v angličtine.

Aké typy súborov môžem nahrať do okna príkazu?

Firefly Builder v súčasnosti podporuje nasledujúce typy súborov: JPEG, PNG, PDF, MD a GIF.

Môžem AI nástroj Firefly Builder na tvorbu webových stránok a aplikácií používať na svojom mobilnom zariadení?

Áno. Firefly Builder funguje vo webových prehliadačoch na počítačoch aj mobilných zariadeniach. Momentálne však nepodporuje export balíkov kódu pre mobilné aplikácie.

Ktoré prehliadače nástroj Firefly Builder podporuje?

Firefly Builder môžete používať v prehliadačoch Google Chrome, Apple Safari, Microsoft Edge a Mozilla Firefox.

Môžem návrhy upraviť aj po ich vygenerovaní?

Áno. Môžete ich upravovať priamo cez panel Vlastnosti alebo použiť nástroj Inšpekcia na výber konkrétnych prvkov a následne pomocou príkazov vykonať zmeny.

Zdieľajte túto stránku

style
xxl spacing bottom