#000

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

Създавайте интерактивни дизайни с Firefly Builder – инструмента с ИИ за създаване на уеб сайтове.

С Firefly Builder лесно визуализирайте уебсайтове, приложения и много повече – инструментът превръща вашите подкани и референции в адаптивни дизайни, които можете да прегледате и редактирате директно върху платното.

Запишете се в списъка на чакащите

style
dark
#000

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

Присъединете се към списъка на чакащи за Firefly Builder

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

Adobe Firefly

Присъединете се към списъка на чакащи за Firefly Builder

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

Adobe Firefly

Присъединете се към списъка на чакащи за Firefly Builder

style
Sticky bottom, dark

Firefly Builder – там, където интуитивното кодиране среща творческия контрол

Сега дизайнерите могат бързо да вдъхнат живот на идеите си, като създават интерактивни дизайни на уеб сайтове и приложения, съобразени с бранда – без да пишат нито един ред код. Създавайте и управлявайте множество проекти в едно платно и коригирайте всички детайли чрез чат с агент или чрез директно избиране и редактиране. След това експортирайте пакетите с код за по-нататъшна разработка.

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

Постигнете последователност и контрол с помощта на системи за дизайн и функции за редактиране директно върху платното.

Просто въведете подкана или качете насоките за бранда си, за да създадете система за дизайн, която ще поддържа последователна визия и усещане във всички версии. Редактирайте дизайните си чрез панела Properties (Свойства) или изберете произволен елемент с инструмента Inspect (Проверка) и въведете подкана, за да опишете промените, които искате да видите.

Преглеждайте и споделяйте дизайните си лесно.

Firefly Builder превръща вашите дизайни в интерактивни прототипи, които можете да тествате директно върху платното. Изпратете връзка на заинтересованите страни, клиентите и сътрудниците, за да получите обратна връзка и да прецизирате дизайна, преди да започне разработката.

Експортирайте преживяванията си от конструктора за уебсайтове с изкуствен интелект.

Предайте чисти HTML пакети с код на разработчик или ги импортирайте в инструменти за уеб програмиране, за да доведете дизайните си до внедряване.

Как да създавате интерактивни дизайни с Firefly Builder.

Стъпка 1

Присъединете се към списъка с чакащи.

Отидете на firefly.adobe.com/builder и се присъединете към списъка с чакащи за Firefly Builder с вашия Adobe ID или създайте безплатен акаунт, ако все още нямате такъв.

Стъпка 2

Отворете Firefly Builder.

Щом приложението стане достъпно, влезте в профила си с Adobe ID.

Стъпка 3

Започнете да генерирате своя проект.

Щракнете върху иконата на хартиен самолет в долния десен ъгъл на прозореца за подкани. Firefly Builder започва да генерира дизайна ви върху платното, а вие виждате действията му в реално време, стъпка по стъпка.

Стъпка 4

Прегледайте проекта си.

Когато Firefly Builder приключи, получавате интерактивен преглед на проекта си. Може да разширите рамката, да разгледате отделните елементи или да тествате изживяването в нов раздел на браузъра.

Стъпка 5

Усъвършенствайте резултатите си.

Продължете да редактирате проекта си, като изберете рамката му и въведете инструкции в прозореца за чат с агента.

Стъпка 6

По желание: генерирайте друг проект

За да създадете нов проект, премахнете избора на рамката на приложението и намалете мащаба. Начертайте нова рамка на произволно място върху платното с помощта на инструмента Frame (Рамка) в долната лента с инструменти. След това създайте нов дизайн в тази рамка, като я изберете и въведете нова подкана.

Преминавайте от един проект към друг, като ги избирате върху платното или от падащото меню в горния ляв ъгъл на панела за чат.

Как да създавате интерактивни преживявания с Firefly Builder.

Стъпки за създаване на интерактивни преживявания с Firefly Builder.

PT5M

firefly

Запишете се в списъка с чакащи
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Защо да използвате Firefly Builder като конструктор за уебсайтове с изкуствен интелект?

Firefly Builder дава възможност на графични дизайнери, UI/UX дизайнери и творчески специалисти от всякакъв вид да създават интерактивни преживявания, без да пишат код. Независимо дали трябва да направите макет на просто уеб приложение, или да разработите брандиран микросайт за представянето на нов продукт, с Firefly Builder лесно можете да визуализирате как изглежда, как се усеща и работи крайният продукт.

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

Творчески контрол

С възможността да генерирате системи за дизайн и да редактирате всички детайли на дизайните си директно върху платното, Firefly Builder издига интуитивното кодиране на ново ниво на прецизност.

#FFF

Интерактивен дизайн без код

Просто въведете описания, добавете визуални референции и качете насоките за бранда си, а инструментът с ИИ за създаване на уеб сайтове бързо ще генерира интерактивни дизайни, които отговарят на визията ви.

#FFF

Лесно споделяне

Когато дизайнът е готов, получете споделяема връзка и я изпратете на сътрудниците и заинтересованите страни за преглед. Не е нужно да експортирате файлове или да предавате материали ръчно.

#FFF

Резултат, готов за продукция

Firefly Builder бързо генерира изчистени пакети с код, готови за допълнително усъвършенстване в инструменти за уеб разработка.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Запишете се в списъка на чакащите
background
#FFF
style
xl-top-rounded-corners, static links

Вижте какво можете да постигнете с Firefly Builder

Присъединете се към списъка с чакащи
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Присъединете се към списъка с чакащи
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Присъединете се към списъка с чакащи
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Открийте още повече функции.

background
#F0F0F7
От текст към изображение От изображение към изображение От рисунка към изображение Генератор за графичен дизайн с ИИ Генератор за изкуство с ИИ Генератор за рисунки с ИИ Генератор за видео с ИИ Генератор за анимации с ИИИ Генератор за портрети с ИИ Генератор за анимационни изображения с ИИ Генератор за музика с ИИ Генератор за звукови ефекти с ИИ
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Имате въпроси? Ние ще ви дадем отговорите.

Какво представлява Firefly Builder?

Firefly Builder е уеб приложение, с което може да генерирате интерактивни дизайни – като уеб сайтове и приложения – без да пишете код.

За кого е предназначен Firefly Builder?

Инструментът е предназначен за дизайнери и творчески специалисти, които искат да приложат изкуството на визуалното разказване към интерактивни преживявания като уеб сайтове и приложения. Може да използват Firefly Builder за клиентска работа или за бранда на собствената си организация.

Кога ще мога да използвам инструмента с ИИ за създаване на уеб сайтове Firefly Builder?

Приложението вече е достъпно като част от програмата за затворена бета-версия. За повече информация посетете firefly.adobe.com/builder

Какви езици се поддържат?

Инструментът Firefly Builder в момента е достъпен само на английски език.

Какви типове файлове мога да качвам в прозореца за подкани?

В момента инструментът Firefly Builder поддържа следните типове файлове: JPEG, PNG, PDF, MD и GIF.

Може ли да използвате Firefly Builder на мобилното си устройство?

Да. Firefly Builder работи в настолни и мобилни уеб браузъри. В момента не поддържа извеждане на кодови пакети за мобилни приложения.

Кои браузъри поддържа Firefly Builder?

Можете да използвате Firefly Builder в браузърите Google Chrome, Apple Safari, Microsoft Edge и Mozilla Firefox.

Мога ли да редактирам дизайните си след генерирането им?

Да. Можете да ги редактирате директно чрез панела Properties (Свойства) или да използвате инструмента Inspect (Проверка), за да изберете конкретни елементи и след това да използвате подкани, за да направите промени.

Споделете тази страница.

style
xxl spacing bottom