#000

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

Réalisez des designs interactifs avec Firefly Builder, l’outil de création de sites web par IA.

Visualisez facilement des sites web, des applications et bien plus encore avec Firefly Builder, qui transforme les prompts et les références en designs adaptatifs que vous pouvez examiner et modifier directement sur la zone de travail.

S’inscrire sur la liste d’attente

style
dark
#000

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

S’inscrire sur la liste d’attente de Firefly Builder

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

Adobe Firefly

S’inscrire sur la liste d’attente de Firefly Builder

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

Adobe Firefly

S’inscrire sur la liste d’attente de Firefly Builder

style
Sticky bottom, dark

Misez sur Firefly Builder pour allier vibe coding et maîtrise créative.

Donnez vie à vos idées en générant des designs interactifs et fidèles à l’identité de marque pour des sites web et des applications, sans écrire la moindre ligne de code. Créez et gérez plusieurs projets sur une même zone de travail, et ajustez tous les détails via la fonctionnalité de chat avec l’agent ou par sélection et modification directes. Exportez ensuite les bundles de code pour poursuivre le développement.

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

Conjuguez cohérence et précision avec des systèmes de design et des fonctionnalités de modification intégrées à la zone de travail.

Saisissez un prompt ou chargez votre charte graphique pour générer un système de design qui assure une parfaite cohérence entre les versions. Modifiez vos créations via le panneau Propriétés, ou sélectionnez un élément avec l’outil Inspecter et décrivez les modifications souhaitées dans un prompt.

Prévisualisez et partagez facilement vos designs.

Firefly Builder génère des prototypes cliquables que vous pouvez tester directement sur la zone de travail. Envoyez un lien aux parties prenantes pour recueillir leurs avis et affiner le tout avant le début du développement.

Exportez vos expériences depuis l’outil de création de sites web par IA.

Transmettez des bundles de code HTML impeccables à un développeur ou une développeuse, ou importez-les dans des outils de codage web en vue du déploiement de vos designs.

Apprenez à créer des designs interactifs avec Firefly Builder.

Étape 1

Inscrivez-vous sur la liste d’attente.

Rendez-vous sur le site firefly.adobe.com/builder et inscrivez-vous sur la liste d’attente de Firefly Builder à l’aide de votre Adobe ID, le cas échéant, ou créez un compte gratuit.

Étape 2

Ouvrez Firefly Builder.

Une fois l’application disponible, connectez-vous en utilisant votre Adobe ID.

Étape 3

Générez votre projet.

Cliquez sur l’icône en forme d’avion en papier dans l’angle inférieur droit de la fenêtre de prompt. Firefly Builder commence alors à générer le design sur la zone de travail, et ses actions s’affichent en temps réel, étape par étape.

Étape 4

Prévisualisez le projet.

Une fois que Firefly Builder a terminé, vous obtenez un aperçu interactif du projet. Agrandissez le cadre, inspectez les éléments ou testez l’expérience dans un nouvel onglet de navigateur.

Étape 5

Affinez le résultat.

Continuez à modifier le projet en sélectionnant son cadre et en saisissant des instructions dans la fenêtre de chat de l’agent.

Étape 6

Générez un autre projet (facultatif).

Pour créer un autre projet, désélectionnez le cadre de l’application et effectuez un zoom arrière. Tracez un nouveau cadre sur la zone de travail à l’aide de l’outil Cadre accessible dans la barre d’outils inférieure. Générez ensuite un nouveau design à l’intérieur de ce cadre en le sélectionnant et en saisissant un prompt.

Passez d’un projet à l’autre en les sélectionnant sur la zone de travail ou dans le menu déroulant situé en haut à gauche du panneau de chat.

Apprenez à créer des expériences interactives avec Firefly Builder.

Marche à suivre pour créer des expériences interactives avec Firefly Builder

PT5M

firefly

S’inscrire sur la liste d’attente
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Découvrez de bonnes raisons d’utiliser Firefly Builder pour créer des sites web par IA.

Firefly Builder donne aux graphistes, aux UI/UX designers et aux spécialistes de la création de tous horizons les moyens de générer des expériences interactives sans aucune programmation. Que vous souhaitiez prototyper une application web simple ou développer un microsite pour le lancement d’un produit, cette application vous permet de visualiser facilement le résultat final.

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

Maîtrise du processus créatif

En offrant la possibilité de générer des systèmes de design et d’en modifier les détails directement sur la zone de travail, Firefly Builder apporte un niveau de précision inédit au vibe coding.

#FFF

Design interactif sans programmation

Saisissez de simples descriptions, ajoutez des références visuelles et chargez votre charte graphique. L’outil de création de sites web par IA génère rapidement des designs interactifs conformes à votre vision.

#FFF

Partage aisé

Dès qu’un design vous convient, obtenez un lien à partager avec les collaborateurs, les collaboratrices et les parties prenantes pour révision. Aucune exportation ni aucun transfert de fichiers n’est nécessaire.

#FFF

Contenu prêt à l’emploi

Firefly Builder produit rapidement des bundles de code propres, qu’il est possible d’améliorer dans des outils de développement web.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
S’inscrire sur la liste d’attente
background
#FFF
style
xl-top-rounded-corners, static links

Explorez les possibilités offertes par Firefly Builder.

S’inscrire sur la liste d’attente
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
S’inscrire sur la liste d’attente
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
S’inscrire sur la liste d’attente
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Découvrez encore plus de fonctionnalités.

background
#F0F0F7
Du texte à l’image De l’image à l’image Du croquis à l’image Générateur de designs graphiques par IA Générateur d’œuvres avec l’IA Générateur de dessins par IA Générateur de vidéos par IA Générateur d’animations par IA Générateur de portraits par IA Générateur de dessins de BD par IA Générateur de musique par IA Générateur d’effets sonores par IA
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Vous avez des questions ? Nous avons les réponses !

Qu’est-ce que Firefly Builder ?

Firefly Builder est une application web qui permet de générer des designs interactifs, comme des sites web et des applications, sans aucune programmation.

À qui s’adresse Firefly Builder ?

Firefly Builder s’adresse aux spécialistes du design et de la création qui souhaitent mettre l’art du storytelling visuel au service d’expériences interactives telles que des sites web et des applications. Ces professionnelles et professionnels peuvent s’en servir pour des projets clients ou pour la marque de leur entreprise.

Quand pourrai-je accéder à Firefly Builder ?

L’application est d’ores et déjà disponible dans le cadre d’un programme de version bêta privée. Pour en savoir plus, rendez-vous sur firefly.adobe.com/builder.

Quelles sont les langues prises en charge ?

Firefly Builder est pour le moment disponible en anglais uniquement.

Quels types de fichiers est-il possible de charger dans la fenêtre de prompt ?

Firefly Builder prend actuellement en charge les fichiers JPEG, PNG, PDF, MD et GIF.

Firefly Builder est-il accessible sur appareils mobiles ?

Oui, Firefly Builder fonctionne dans les navigateurs web sur ordinateur et appareils mobiles. En revanche, il ne prend pas encore en charge l’exportation de bundles de code pour les applications mobiles.

Quels sont les navigateurs pris en charge par Firefly Builder ?

Firefly Builder est compatible avec Google Chrome, Apple Safari, Microsoft Edge et Mozilla Firefox.

Est-il possible de modifier les designs générés ?

Oui, vous pouvez les modifier directement via le panneau Propriétés ou vous servir de l’outil Inspecter pour cibler des éléments précis et les ajuster à l’aide de prompts.

Partager cette page

style
xxl spacing bottom