#000

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

Lag interaktiv design med KI-nettstedsbyggeren Firefly Builder.

Med Firefly Builder kan du enkelt visualisere nettsteder, applikasjoner og mye annet. Verktøyet gjør hjelpetekstene og referansene dine om til responsivt design som du kan forhåndsvise og redigere direkte på lerretet.

Sett deg på ventelisten

style
dark
#000

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

Sett deg på ventelisten for Firefly Builder

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

Adobe Firefly

Sett deg på ventelisten for Firefly Builder

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

Adobe Firefly

Sett deg på ventelisten for Firefly Builder

style
Sticky bottom, dark

Firefly Builder – der vibekoding møter kreativ kontroll.

Nå kan designere raskt realisere ideene sine ved å generere interaktive design for nettsteder og applikasjoner som følger merkevareprofilen – uten å skrive en eneste linje med kode. Opprett og administrer flere prosjekter på ett og samme lerret, og finjuster alle detaljer via chat med KI-agenten eller ved å velge og redigere elementene direkte. Deretter kan du eksportere kodepakkene for videre utvikling.

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

Full kontroll og enhetlige resultater med designsystemer og redigering rett på lerretet.

Skriv en hjelpetekst eller last opp retningslinjene for merkevaren for å generere et designsystem som sikrer et enhetlig visuelt uttrykk på tvers av ulike versjoner. Rediger designene i Egenskaper-panelet, eller velg et element med Inspiser-verktøyet og skriv en hjelpetekst som beskriver endringene du ønsker.

Forhåndsvis og del designarbeider helt enkelt.

Firefly Builder gjør designene dine om til klikkbare prototyper som du kan teste ut direkte på lerretet. Send en lenke til kunder, samarbeidspartnere og andre involverte for å få inn tilbakemeldinger, slik at du kan gjøre endringer og finjustere designet før dere går i gang med utvikling av produktet.

Eksporter designarbeidene fra KI-nettstedsbyggeren.

Overlever ryddige kodepakker i HTML til en utvikler, eller importer dem i verktøy for webutvikling for å klargjøre designene for publisering.

Slik lager du interaktive design med Firefly Builder.

Trinn 1

Sett deg på ventelisten.

Gå til firefly.adobe.com/builder og skriv deg på ventelisten for Firefly Builder med en eksisterende Adobe ID, eller opprett en gratis konto hvis du ikke allerede har en.

Trinn 2

Åpne Firefly Builder.

Når applikasjonen blir tilgjengelig, kan du logge inn med Adobe ID.

Trinn 3

Kom i gang med genereringen.

Klikk på papirflyikonet nederst til høyre i hjelpetekstvinduet. Firefly Builder begynner å generere designet på lerretet, og du kan følge med på hvert trinn i prosessen i sanntid.

Trinn 4

Forhåndsvis prosjektet.

Når Firefly Builder er ferdig, får du en interaktiv forhåndsvisning av prosjektet. Du kan utvide rammen, inspisere enkeltelementer eller teste brukeropplevelsen i en ny nettleserfane.

Trinn 5

Finjuster resultatet.

Fortsett å redigere prosjektet ved å aktivere rammen og skrive instruksjoner i agentchatvinduet.

Trinn 6

Valgfritt: Generer et nytt prosjekt.

Hvis du vil opprette et nytt prosjekt, fjerner du markeringen av applikasjonsrammen og zoomer ut. Bruk rammeverktøyet på verktøylinjen nederst til å tegne en ny ramme hvor som helst på lerretet. Aktiver deretter rammen og skriv inn en ny hjelpetekst for å generere et nytt design i den.

Bytt mellom prosjekter ved å velge dem på lerretet eller i rullegardinmenyen øverst til venstre i chattepanelet.

Slik lager du interaktivt designinnhold med Firefly Builder.

Slik lager du interaktivt designinnhold med Firefly Builder – trinn for trinn.

PT5M

firefly

Sett deg på ventelisten
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Hvorfor er Firefly Builder nyttig som KI-nettstedsbygger?

Med Firefly Builder kan grafiske designere, UI/UX-designere og andre generere interaktive brukeropplevelser uten å måtte skrive kode. Uansett om du vil lage en modell av en enkel webapplikasjon eller designe et profilert mikronettsted til en produktlansering, gjør Firefly Builder det enkelt å visualisere hvordan sluttproduktet skal se ut og fungere.

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

Kreativ kontroll

Med Firefly Builder får du mer presis vibekoding, med mulighet til å generere designsystemer og finjustere alle detaljer direkte på lerretet.

#FFF

Interaktiv design uten koding

Beskriv det du vil lage, legg til visuelle referanser og last opp retningslinjene for merkevaren. KI-nettstedbyggeren genererer raskt interaktive design som passer med det du ser for deg.

#FFF

Enkel deling med andre

Når designet er klart for gjennomgang, kan du opprette en delbar lenke og sende den til samarbeidspartnere og andre involverte. Du trenger ikke å eksportere filer eller overføre dem på andre måter.

#FFF

Produksjonsklare resultater

Firefly Builder genererer raskt ryddige kodepakker som er klare til videre bearbeiding i verktøy for webutvikling.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Sett deg på ventelisten
background
#FFF
style
xl-top-rounded-corners, static links

Se alt du kan gjøre i Firefly Builder.

Sett deg på ventelisten
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Sett deg på ventelisten
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Sett deg på ventelisten
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Utforsk enda flere funksjoner.

background
#F0F0F7
Tekst til bilde Bilde til bilde Skisse til bilde KI-generator for grafisk design KI-kunstgenerator KI-tegningsgenerator KI-videogenerator KI-animasjonsgenerator KI-portrettgenerator KI-tegneseriestilgenerator KI-musikkgenerator KI-lydeffektgenerator
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Spørsmål? Vi har svarene.

Hva er Firefly Builder?

Firefly Builder er en webapplikasjon der du kan generere interaktive design, som nettsteder og applikasjoner, uten å skrive kode.

Hvem passer Firefly Builder for?

Firefly Builder passer for alle designere og kreative arbeidere som vil bruke visuell historiefortelling til å skape interaktive opplevelser som for eksempel nettsteder og applikasjoner. Verktøyet kan brukes både til kundeprosjekter og til arbeid med egen merkevare.

Når kan jeg ta i bruk KI-nettstedsbyggeren Firefly Builder?

Applikasjonen er nå tilgjengelig som del av et eget betaprogram. Gå til firefly.adobe.com/builder for å få mer informasjon.

Hvilke språk støttes?

Firefly Builder er for øyeblikket kun tilgjengelig på engelsk.

Hvilke filtyper kan jeg laste opp i hjelpetekstvinduet?

Firefly Builder støtter for øyeblikket følgende filtyper: JPEG, PNG, PDF, MD og GIF.

Kan jeg bruke Firefly Builder KI-verktøyet for å lage nettsteder og applikasjoner, på mobilenheter?

Ja. Firefly Builder fungerer i nettlesere på både datamaskiner og mobilenheter. Det er foreløpig ikke mulig å eksportere kodepakker for mobilapplikasjoner.

Hvilke nettlesere støtter Firefly Builder?

Du kan bruke Firefly Builder i Google Chrome, Apple Safari, Microsoft Edge og Mozilla Firefox.

Kan jeg redigere det genererte desiginnholdet?

Ja. Du kan redigere dem direkte i Egenskaper-panelet eller bruke Inspiser-verktøyet til å velge bestemte elementer og deretter beskrive endringene du ønsker, med hjelpetekster.

Del denne siden.

style
xxl spacing bottom