#000

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

Skapa interaktiv design med Firefly Builder, AI-verktyget för webbdesign.

Visualisera enkelt webbplatser, appar och mer med Firefly Builder, som omvandlar dina prompter och referenser till responsiva designer som kan förhandsgranskas och redigeras direkt på arbetsytan.

Ställ dig på väntelista

style
dark
#000

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

Anmäl dig till väntelistan för Firefly Builder

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

Adobe Firefly

Anmäl dig till väntelistan för Firefly Builder

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

Adobe Firefly

Anmäl dig till väntelistan för Firefly Builder

style
Sticky bottom, dark

Firefly Builder. Där vibe coding möter kreativ kontroll.

Nu kan designers snabbt förverkliga sina idéer genom att skapa interaktiv webb- och programdesign som ligger i linje med varumärket utan att skriva en enda rad kod. Skapa och hantera flera projekt på en och samma arbetsyta, och justera alla detaljer via chatt med en agent eller genom direktmarkering och redigering. Exportera sedan dina kodpaket för vidare utveckling.

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

Enhetlighet och kontroll med designsystem och redigering på arbetsytan.

Skriv en prompt eller ladda upp dina varumärkesriktlinjer för att generera ett designsystem som håller utseendet och känslan enhetliga i alla versioner. Redigera din design via Egenskapspanelen, eller välj ett element med verktyget Inspektera och skriv en prompt för att beskriva de ändringar du vill se.

Förhandsgranska och dela din design.

Firefly Builder ger liv åt dina designer i form av klickbara prototyper du kan testa direkt på arbetsytan. Skicka en länk till intressenter, kunder och medarbetare för att samla in feedback och förfina designen innan utvecklingen börjar.

Exportera dina upplevelser från AI-webbplatsbyggaren.

Överlämna rena HTML-kodpaket till en utvecklare eller importera dem i webbutvecklingsverktyg för att ta din design ända till driftsättning.

Så skapar du interaktiva designer med Firefly Builder.

Steg 1

Anmäl dig till väntelistan.

Gå till firefly.adobe.com/builder och anmäl dig till väntelistan för Firefly Builder med ditt Adobe ID, eller skapa ett kostnadsfritt konto om du inte redan har ett.

Steg 2

Öppna Firefly Builder.

När appen är tillgänglig loggar du in med ditt Adobe ID.

Steg 3

Börja generera ditt projekt.

Klicka på pappersflygplansikonen i det nedre högra hörnet av promptfönstret. Firefly Builder börjar generera din design på arbetsytan och du ser vad som händer i realtid, steg för steg.

Steg 4

Förhandsgranska ditt projekt.

När Firefly Builder är klar får du en interaktiv förhandsgranskning av ditt projekt. Du kan expandera ramen, granska enskilda element eller testa upplevelsen i en ny webbläsarflik.

Steg 5

Finslipa resultaten.

Fortsätt redigera ditt projekt genom att markera dess ram och skriva instruktioner i agentens chattfönster.

Steg 6

Valfritt: Generera ytterligare ett projekt.

För att skapa ett nytt projekt ska du avmarkera appramen och zooma ut. Rita en ny ram var som helst på arbetsytan med hjälp av ramverktyget i verktygsfältet längst ner. Skapa sedan en ny design inuti denna ram genom att markera den och ange en ny prompt.

Växla mellan projekt genom att markera dem på arbetsytan eller via rullgardinsmenyn längst upp till vänster i chattfönstret.

Så skapar du interaktiva upplevelser med Firefly Builder.

Steg för att skapa interaktiva upplevelser med Firefly Builder.

PT5M

firefly

Gå med i väntelistan
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Varför använda Firefly Builder som AI-webbplatsbyggare?

Firefly Builder ger grafiska formgivare, UI/UX-designers och alla typer av kreatörer möjlighet att skapa interaktiva upplevelser utan att skriva en enda rad kod. Oavsett om du vill ta fram en enkel webbapp eller designa en varumärkesanpassad mikrowebbplats inför en produktlansering – Firefly Builder gör det enkelt att visualisera slutproduktens utseende, känsla och funktion.

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

Kreativ kontroll

Firefly Builder tar vibe coding till en helt ny nivå av precision med möjligheten att generera designsystem och redigera alla detaljer i dina designer direkt på arbetsytan.

#FFF

Interaktiv design utan kod

Skriv en beskrivning, lägg till visuella referenser och ladda upp dina varumärkesriktlinjer så genererar AI-verktyget snabbt interaktiv design som matchar din vision.

#FFF

Smidig delning

När en design är klar kan du skapa en delbar länk som du kan skicka till medarbetare och intressenter för granskning. Det behövs ingen filexport eller överlämning.

#FFF

Produktionsklara resultat

Firefly Builder genererar snabbt rena kodpaket som är redo att vidareutvecklas i verktyg för webbutveckling.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Ställ dig på väntelista
background
#FFF
style
xl-top-rounded-corners, static links

Se vad du kan göra i Firefly Builder.

Anmäl dig till väntelistan.
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Anmäl dig till väntelistan.
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Anmäl dig till väntelistan.
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Upptäck ännu fler funktioner.

background
#F0F0F7
Text till bild Bild till bild Skiss till bild AI-generator för grafisk design AI-konstgenerator AI-teckningsgenerator AI-videogenerator AI-animeringsgenerator AI-porträttgenerator AI-serieteckningsgenerator AI-musikgenerator AI-generator av ljudeffekter
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Frågor? Vi har svaren.

Vad är Firefly Builder?

Firefly Builder är en webbapp där du kan skapa interaktiv design som webbplatser och appar utan att skriva en enda rad kod.

Vem är Firefly Builder till för?

Det passar alla designers och kreativa proffs som vill använda visuellt berättande i interaktiva upplevelser som webbplatser och appar. De kan använda Firefly för kunduppdrag eller för att stärka din egen organisations varumärke.

När kan jag använda AI-webbplatsbyggaren Firefly Builder?

Appen är nu tillgänglig som en del av ett privat betaprogram. Mer info finns på firefly.adobe.com/builder.

Vilka språk stöds?

Firefly Builder är för närvarande endast tillgänglig på engelska.

Vilka filtyper kan jag ladda upp till promptfönstret?

Firefly Builder stöder för närvarande följande filtyper: JPEG, PNG, PDF, MD och GIF.

Kan jag använda Firefly Builder för att bygga webbplatser och appar på min mobila enhet?

Ja. Firefly Builder fungerar i webbläsare på både dator och mobil. Det stöder för närvarande inte export av kodpaket för mobilappar.

Vilka webbläsare stöder Firefly Builder?

Du kan använda Firefly Builder i Google Chrome, Apple Safari, Microsoft Edge och Mozilla Firefox.

Kan jag redigera min design efter att ha genererat dem?

Ja. Du kan redigera dem direkt via panelen Egenskaper eller använda verktyget Inspektera för att markera specifika element och sedan göra ändringar med hjälp av promptar.

Dela den här sidan.

style
xxl spacing bottom