#000

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

Maak interactieve ontwerpen met Firefly Builder, de AI-tool voor het bouwen van websites.

Visualiseer eenvoudig websites, apps en meer met Firefly Builder. Zet je opdrachten en referenties om in responsieve ontwerpen die je meteen op het canvas kunt bekijken en bewerken.

Inschrijven voor wachtlijst

style
dark
#000

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

Inschrijven voor wachtlijst Firefly Builder

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

Adobe Firefly

Inschrijven voor wachtlijst Firefly Builder

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

Adobe Firefly

Inschrijven voor wachtlijst Firefly Builder

style
Sticky bottom, dark

Firefly Builder: waar vibe coding en creatieve controle samenkomen.

Ontwerpers kunnen hun ideeën nu snel tot leven brengen door interactieve, merkgebonden ontwerpen voor websites en apps te genereren – zonder ook maar één regel code te schrijven. Maak en beheer meerdere projecten op één canvas en pas details aan door met een agent te chatten of door ze rechtstreeks te selecteren en te bewerken. Exporteer vervolgens je codebundels voor verdere ontwikkeling.

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

Krijg consistentie en controle met ontwerpsystemen en bewerkingsfuncties op het canvas zelf.

Typ een opdracht of upload je merkrichtlijnen om een ontwerpsysteem te genereren dat de uitstraling in alle versies consistent houdt. Bewerk je ontwerpen via het deelvenster Eigenschappen of selecteer een element met de tool Inspecteren en typ een opdracht waarin je de gewenste wijzigingen beschrijft.

Bekijk en deel moeiteloos je ontwerpen.

Firefly Builder zet je ontwerpen om in aanklikbare prototypen die je meteen op het canvas kunt testen. Stuur een koppeling naar stakeholders, klanten en medewerkers om hun feedback te verzamelen en je ontwerpen aan te passen voordat er tot de ontwikkeling wordt overgegaan.

Exporteer je ervaringen vanuit de AI-websitebuilder.

Lever schone HTML-codebundels af bij een ontwikkelaar of importeer ze in webcoderingstools om je ontwerpen te implementeren.

Interactieve ontwerpen maken met Firefly Builder.

Stap 1

Schrijf je in voor de wachtlijst.

Ga naar firefly.adobe.com/builder en schrijf je met je Adobe ID in voor de wachtlijst van Firefly Builder. Maak een gratis account als je er nog geen hebt.

Stap 2

Open Firefly Builder.

Zodra de app beschikbaar is, meld je je aan met je Adobe ID.

Stap 3

Begin met het genereren van je project.

Klik op het pictogram van het papieren vliegtuigje rechtsonder in het opdrachtvenster. Firefly Builder begint je ontwerp op het canvas te genereren en je ziet elke actie stap voor stap in real-time.

Stap 4

Bekijk een voorvertoning van je project.

Zodra Firefly Builder klaar is, krijg je een interactieve voorvertoning van je project. Vergroot het kader, bekijk afzonderlijke elementen of probeer de ervaring uit in een nieuw browsertabblad.

Stap 5

Verfijn de resultaten.

Bewerk je project verder door het projectkader te selecteren en je instructies in het agentchatvenster te typen.

Stap 6

Optioneel: Genereer een ander project.

Om een nieuw project te maken, deselecteer je het appkader en zoom je uit. Teken met de tool Kader in de onderste werkbalk een nieuw kader op het canvas. Selecteer dit kader en voer een nieuwe opdracht in om een nieuw ontwerp te genereren.

Schakel tussen projecten door ze te selecteren op het canvas of in het vervolgkeuzemenu linksboven in het chatdeelvenster.

Interactieve ervaringen maken met Firefly Builder.

Stappen voor het maken van interactieve ervaringen met Firefly Builder.

PT5M

firefly

Inschrijven voor wachtlijst
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Waarom zou je Firefly Builder gebruiken om met AI websites te bouwen?

Firefly Builder geeft allerlei grafisch ontwerpers, UI-/UX-ontwerpers en creatieve professionals de mogelijkheid om interactieve ervaringen te genereren zonder ook maar één regel code te schrijven. Of je nu een mock-up van een eenvoudige webapp wilt maken of een merkgebonden microsite voor een productlancering wilt ontwerpen: met Firefly Builder kun je eenvoudig visualiseren hoe het eindproduct er uit zal zien en zal werken.

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

Creatieve controle

Door de mogelijkheid om ontwerpsystemen te genereren en elk detail van je ontwerpen direct op het canvas te bewerken, maakt Firefly Builder vibe coding ongekend nauwkeurig.

#FFF

Interactief ontwerpen zonder code

Typ gewoon beschrijvingen, voeg visuele referenties toe en upload je merkrichtlijnen. De AI-websitebuilder genereert vervolgens snel interactieve ontwerpen die bij je visie aansluiten.

#FFF

Eenvoudig delen

Zodra een ontwerp er goed uitziet, stuur je een deelbare koppeling naar medewerkers en stakeholders, zodat zij het kunnen beoordelen. Je hoeft geen bestanden te exporteren of hand-offs te sturen.

#FFF

Productieklare output

Firefly Builder genereert snel schone codebundels die je meteen verder kunt bewerken in webontwikkeltools.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Inschrijven voor wachtlijst
background
#FFF
style
xl-top-rounded-corners, static links

Ontdek wat je kunt doen in Firefly Builder.

Schrijf je in voor de wachtlijst
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Schrijf je in voor de wachtlijst
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Schrijf je in voor de wachtlijst
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Ontdek nog meer functies.

background
#F0F0F7
Tekst naar afbeelding Afbeelding naar afbeelding Schets naar afbeelding Grafisch ontwerp met AI AI-kunstgenerator AI-tekeninggenerator AI-videogenerator AI-animatiegenerator AI-portretgenerator AI-cartoongenerator AI-muziekgenerator AI-generator voor geluidseffecten
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Vragen? Wij weten het antwoord.

Wat is Firefly Builder?

Firefly Builder is een webapp waarmee je, zonder code te schrijven, interactieve ontwerpen voor websites en apps genereert.

Voor wie is Firefly Builder bedoeld?

Firefly Builder is ideaal voor ontwerpers en creatieve professionals die visuele verhalen willen injecteren in interactieve ervaringen zoals websites en apps. Ze kunnen het gebruiken voor opdrachten voor klanten of voor het merk van hun eigen organisatie.

Wanneer kan ik Firefly Builder als AI-websitebuilder gebruiken?

De app is nu beschikbaar als onderdeel van een besloten bètaprogramma. Ga voor meer informatie naar firefly.adobe.com/builder.

Welke talen worden ondersteund?

Firefly Builder is momenteel alleen beschikbaar in het Engels.

Welke bestandstypen kan ik uploaden naar het opdrachtvenster?

Firefly Builder ondersteunt momenteel de volgende bestandstypen: JPEG, PNG, PDF, MD en GIF.

Kan ik Firefly Builder op mijn mobiele apparaat gebruiken?

Ja. Firefly Builder werkt in webbrowsers op desktops en mobiele apparaten. Codebundels voor mobiele apps worden momenteel nog niet ondersteund.

In welke browsers werkt Firefly Builder?

Firefly Builder werkt in Google Chrome, Apple Safari, Microsoft Edge en Mozilla Firefox.

Kan ik mijn ontwerpen bewerken nadat ik ze heb gegenereerd?

Ja. Je kunt ze meteen bewerken via het deelvenster Eigenschappen of de tool Inspecteren gebruiken om specifieke elementen te selecteren en via opdrachten aan te passen.

Deel deze pagina.

style
xxl spacing bottom