#000

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

Crie designs interativos com o Firefly Builder, o criador de sites com IA.

Visualize sites, aplicativos e muito mais com o Firefly Builder, que transforma seus prompts e referências em designs responsivos para você visualizar e editar diretamente na tela.

Entre na lista de espera

style
dark
#000

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

Entre na lista de espera do Firefly Builder

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

Adobe Firefly

Entre na lista de espera do Firefly Builder

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

Adobe Firefly

Entre na lista de espera do Firefly Builder

style
Sticky bottom, dark

Firefly Builder. Onde a criação intuitiva encontra o controle criativo.

Agora, designers podem dar vida às ideias e criar designs interativos de sites e aplicativos alinhados à identidade da marca, sem precisar escrever uma linha de código. Crie e gerencie vários projetos em uma só tela, ajuste todos os detalhes pelo chat do agente ou por seleção e edição direta. Depois, exporte os pacotes de código para continuar o desenvolvimento.

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

Tenha consistência e controle com sistemas de design e recursos de edição na tela.

Digite um prompt ou faça upload das diretrizes da sua marca para gerar um sistema de design que mantenha o visual e a experiência consistentes em todas as versões. Edite os designs pelo painel Propriedades ou selecione qualquer elemento com a ferramenta Inspecionar e digite um prompt para descrever as mudanças que deseja ver.

Visualize e compartilhe seus designs com facilidade.

O Firefly Builder transforma seus designs em protótipos clicáveis para você testar diretamente na tela. Compartilhe um link com partes interessadas, clientes e colaboradores para receber feedback e refinar tudo antes do início do desenvolvimento.

Exporte suas experiências do criador de sites com IA.

Transfira pacotes de código HTML limpo para um desenvolvedor ou importe-os em ferramentas de desenvolvimento web para levar seus designs à produção.

Como criar designs interativos com o Firefly Builder.

Etapa 1

Entre na lista de espera.

Acesse firefly.adobe.com/builder e entre na lista de espera do Firefly Builder usando sua Adobe ID ou crie uma conta gratuita, se ainda não tiver uma.

Etapa 2

Abra o Firefly Builder.

Quando o aplicativo estiver disponível, faça logon com sua Adobe ID.

Etapa 3

Comece a gerar seu projeto.

Clique no ícone de avião de papel no canto inferior direito da janela de prompt. O Firefly Builder começa a gerar o design na tela, e você acompanha as ações em tempo real, passo a passo.

Etapa 4

Visualize o projeto.

Quando o Firefly Builder terminar, você acessa uma prévia interativa do projeto e pode expandir o quadro, inspecionar elementos individuais ou testar a experiência em uma nova aba do navegador.

Etapa 5

Refine seus resultados.

Para continuar a edição do projeto, selecione o quadro e insira instruções na janela de chat do agente.

Etapa 6

Opcional: gere outro projeto.

Para criar um novo projeto, desmarque o quadro do aplicativo e reduza o zoom. Desenhe um novo quadro em qualquer lugar na tela com a Ferramenta Quadro na barra de ferramentas inferior. Para gerar um novo design dentro desse quadro, selecione-o e insira um novo prompt.

Para navegar de um projeto a outro, selecione-os na tela ou no menu suspenso no canto superior esquerdo do painel de chat.

Como criar experiências interativas com o Firefly Builder

Etapas para criar experiências interativas com o Firefly Builder.

PT5M

firefly

Entre na lista de espera
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Por que usar o Firefly Builder como criador de sites com IA?

O Firefly Builder capacita designers gráficos, designers de UI/UX e profissionais criativos de todos os perfis a criar experiências interativas sem escrever código. Seja para criar o protótipo de um aplicativo web simples ou um microsite com identidade de marca para um lançamento de produto, o Firefly Builder facilita a visualização de como o produto final vai parecer, funcionar e se comportar.

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

Controle criativo

Com a capacidade de gerar sistemas de design e editar todos os detalhes dos designs diretamente na tela, o Firefly Builder eleva o nível de precisão no vibe coding.

#FFF

Design interativo sem código

Basta descrever o que você precisa, adicionar referências visuais e fazer upload das diretrizes de marca para que o criador de sites com IA gere designs interativos que correspondam à sua visão em instantes.

#FFF

Compartilhamento fácil

Quando o design estiver pronto, compartilhe um link com colaboradores e partes interessadas para revisão. Sem exportação de arquivos ou handoffs.

#FFF

Resultado pronto para produção.

O Firefly Builder gera rapidamente pacotes de código limpo, prontos para aprimoramento em ferramentas de desenvolvimento web.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Entre na lista de espera
background
#FFF
style
xl-top-rounded-corners, static links

Veja o que você pode criar no Firefly Builder

Entre na lista de espera
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Entre na lista de espera
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Entre na lista de espera
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Descubra ainda mais recursos.

background
#F0F0F7
Texto para imagem Imagem para imagem Esboço para imagem Gerador de design gráfico por IA Gerador de arte por IA Gerador de desenhos por IA Gerador de vídeo por IA Gerador de animações por IA Gerador de retratos por IA Gerador de cartoon por IA Gerador de música por IA Gerador de efeitos sonoros por IA
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Dúvidas? Nós temos as respostas.

O que é o Firefly Builder?

O Firefly Builder é um aplicativo web que permite criar designs interativos, como sites e aplicativos, sem precisar escrever código.

Para quem é o Firefly Builder?

É ideal para designers e profissionais de criação que desejam aplicar a arte da narrativa visual em experiências interativas, como sites e aplicativos. O Firefly Builder pode ser usado tanto em projetos para clientes quanto para a identidade visual da própria organização.

Quando posso acessar o criador de sites por IA do Firefly Builder?

O aplicativo já está disponível como parte de um programa beta privado. Para saber mais, acesse firefly.adobe.com/builder.

Em quais idiomas o recurso está disponível?

No momento, o Firefly Builder está disponível somente em inglês.

Quais tipos de arquivo posso enviar na janela de prompt?

No momento, o Firefly Builder é compatível com os seguintes tipos de arquivo: JPEG, PNG, PDF, MD e GIF.

Posso usar o aplicativo e o site da IA do Firefly Builder no dispositivo móvel?

Sim. O Firefly Builder funciona nos navegadores de desktop e dispositivos móveis. No momento, ele não oferece suporte à exportação de pacotes de código para aplicativos para dispositivos móveis.

Quais navegadores são compatíveis com o Firefly Builder?

O Firefly Builder pode ser usado no Google Chrome, Apple Safari, Microsoft Edge e Mozilla Firefox.

Posso editar meus designs depois de criá-los?

Sim. É possível editá-los diretamente pelo painel Propriedades ou usar a Ferramenta de inspeção para selecionar elementos específicos e fazer alterações com prompts.

Compartilhe esta página.

style
xxl spacing bottom