Blocos pré-desenhados
19 blocos em 12 categorias (cabeçalhos, heróis, preços, perguntas frequentes, formulários, rodapés…). Um clique insere-o na página.
Canvas
Canvas: cria páginas e webs com IA e edita-as sem programar
O Canvas é o painel de design do chat com a ADRI. Pedes-lhe uma página, vês-la instantaneamente, editas-la com o rato ou com instruções e partilhas-la com um link. Serve quem precisa de uma web ou de uma landing sem montar um projeto.
O que é
Um canvas junto ao chat para ver e retocar o que a ADRI cria
Quando pedes à ADRI uma página, uma landing ou um script, o resultado abre-se no Canvas, um painel à direita do chat. Aí vês-lo como o veria um visitante, alteras-lo com o rato ou com instruções em linguagem natural e guardas-lo no espaço da conversa.
Abre-se sozinho quando a ADRI gera um ficheiro web, ou manualmente a partir de qualquer ficheiro do chat. Com o botão + da caixa de mensagem também crias um canvas web de raiz. Podes arrastar a barra que o separa do chat para lhe dar mais ou menos largura.
Criar
Pede à ADRI a página de que precisas
Descreve-a
«Faz uma landing para a minha escola de inglês com preços e formulário de contacto.» A ADRI desenha a página e deixa o HTML no espaço de trabalho.
Vê-a
O Canvas abre-a com a sua pré-visualização. Muda a largura entre telemóvel, tablet e desktop, ou usa a vista dividida para ver três tamanhos ao mesmo tempo.
Pede alterações
«Faz este botão azul», «adiciona uma secção de perguntas». Cada alteração da ADRI fica guardada como uma versão.
A pré-visualização carrega o CSS, o JavaScript e as imagens ao lado do HTML, como um navegador. Por isso, não é preciso meter tudo num único ficheiro. Se ligares um CSS da internet pode não carregar: deixa os estilos no espaço de trabalho.
Modo designer
Edita sem tocar em código
Modelos completos
Quatro pontos de partida: landing de produto, portfólio, painel de início e capa de blog.
Edição direta
Ativa Editar, clica num texto e escreve. No fim, guarda-se.
Inspecionar
Clica em qualquer elemento e vês o seu seletor, as suas medidas e os seus estilos. A partir daí podes pedir à ADRI uma alteração só para esse elemento.
Imagens
Carrega JPG, PNG, GIF, WebP ou AVIF (até 10 MB) ou arrasta-as para o painel, e são inseridas na página.
Revisão de acessibilidade
Um aviso marca imagens sem texto alternativo, links vazios e campos sem etiqueta.
Dados reais
Dados da tua empresa dentro da página
Podes escrever marcadores como {{ invoice.count.pending }} ou {{ client.count }} e, com o botão Em direto, o Canvas substitui-os pelos teus dados: clientes, leads, faturas pendentes, tarefas abertas, o teu nome ou a data. Só lê os teus próprios registos. É o que permite fazer um painel inicial com números reais em vez de números de exemplo.
SEO e versões
Cuida da página e volta atrás quando quiseres
SEO e redes
Um formulário edita o título, a descrição e os textos e a imagem que se veem ao partilhar nas redes.
Traduzir com IA
Traduz o texto visível para sete idiomas e guarda cada tradução como um novo ficheiro, sem tocar no original.
Histórico de versões
Cada gravação, edição ou alteração da ADRI cria uma versão. Pré-visualizas, comparas com a anterior e restauras. Restaurar é mais um passo do histórico: pode sempre ser desfeito.
Testar e partilhar
PHP e Python funcionam no teu navegador
Se a ADRI te cria um site em PHP ou um script em Python, o separador Pré-visualização executa-os dentro do teu navegador: navegas, envias formulários, vês a consola e descarregas o que ele gera. Os servidores da BionicAdri não executam esse código. Em PHP, a base de dados é SQLite; MySQL e PostgreSQL não estão disponíveis. Também se veem aplicações Flask, FastAPI e Streamlit.
Para o mostrar a um cliente, Partilhar cria um link público que se abre sem iniciar sessão e dura 1, 7, 30 ou 90 dias. É uma fotografia do momento em que o crias e revogas quando quiseres. É uma demonstração para testar: para publicar um site a sério precisas de um servidor.
Preço
Desde 275 €/mês, IA incluída
Pagas por posto: um posto é uma tarefa de IA a trabalhar em paralelo, não uma pessoa, pelo que os utilizadores não têm limite. O servidor onde vivem os teus dados escolhe-se à parte, desde 100 €/mês. Preços sem IVA.
Perguntas frequentes
O que costumam perguntar-nos
Preciso de saber programar para usar o Canvas?
Não. Descreves a página no chat, vês-la no Canvas e alteras a página com o rato ou com instruções. Se sabes código, também há um editor com o ficheiro aberto.
Posso usar as minhas próprias imagens e estilos?
Sim. Carregas imagens para o painel de recursos, e o CSS e o JavaScript do espaço de trabalho são carregados na pré-visualização como num navegador.
Posso voltar a uma versão anterior?
Sim. O histórico guarda as versões, com a sua origem (ADRI, manual ou restaurada). Pré-visualizas, vês a diferença em relação à anterior e restauras a que quiseres.
O site publica-se na internet?
Não diretamente. O Canvas serve para desenhar e testar. Podes enviar um link de demonstração com validade, mas publicar o site de forma definitiva requer um servidor à parte.
Que linguagens pode a pré-visualização executar?
PHP e Python são executados ao vivo no teu navegador, com os seus limites: sem MySQL nem PostgreSQL, sem sair para outros sites e sem janelas de ambiente de trabalho. Para outras linguagens, pedes à ADRI que os execute.
Demo sem compromisso
Diz-nos que página precisas e desenhamo-la contigo em direto
Conta-nos como trabalhas hoje e mostramos-te como o ADRI o faria com os teus dados. Sem compromisso.