Desenhe o produto, não a imagem

Anexe uma captura de ecrã ou descreva o ecrã. O Mythex cria-o como uma app a funcionar, com dados reais, estados reais e uma ligação em direto para partilhar.

Comece a partir de uma ideia

Fluxo de onboarding

Crie um fluxo de onboarding em quatro passos com uma barra de progresso, um formulário de perfil que valide à medida que se escreve, uma opção para saltar e um ecrã final.

Página do design system

Crie um guia de estilo vivo que mostre as nossas cores, escala tipográfica, botões, campos, cartões e alertas, cada um nos estados predefinido, hover, desativado e de erro.

Site de portefólio

Crie um site de portefólio com uma grelha de casos de estudo, uma página para cada um com imagens grandes e um texto curto, e um formulário de contacto.

Conceito de dashboard

Crie um dashboard de análise clicável com uma barra lateral, um seletor de intervalo de datas, quatro cartões de estatísticas e um gráfico, preenchido com dados de exemplo realistas.

Os ecrãs só contam metade da história

Um produto a funcionar mostra o que os ecrãs estáticos não conseguem. Crie-o, clique nele e partilhe a coisa a sério.

Mostre comportamento, não só layout

Formulários que validam à medida que se escreve, listas que se preenchem a partir de uma base de dados real e botões que fazem mesmo alguma coisa.

Desenhe os caminhos que correm mal

Estados vazios, carregamento, erros e novas tentativas são onde os produtos falham. Peça cada um e veja-o a funcionar.

Um produto, pessoas diferentes

Mostre o que um administrador vê ao lado do que um membro vê, com início de sessão e funções reais.

Acerte na primeira utilização

A ordem dos passos, as predefinições e o que é opcional decidem se as pessoas terminam o onboarding. Experimente o fluxo real, não uma imagem dele.

Uma ligação em vez de uma passagem de testemunho

Partilhe uma ligação de pré-visualização ou publique. Os engenheiros recebem uma referência que funciona e, no Pro, o código.

Porque é que os designers criam no Mythex

Comportamento, não só layout

Teste os estados vazio, a carregar e de erro, formulários que validam e listas que se preenchem a partir de uma base de dados real. Coisas que um ecrã estático não consegue mostrar.

Comece pelo que já tem

Anexe capturas de ecrã ou maquetas como imagens e peça uma réplica. Gere imagens de destaque e ilustrações no chat quando precisar.

Uma ligação em vez de uma passagem de testemunho

Partilhe uma ligação de pré-visualização ou publique a app. Verifique cada ecrã na pré-visualização do tamanho de um telemóvel e, no Pro, ajuste você mesmo o CSS e os componentes.

Como funciona

Descreva-a

Diga o que precisa em palavras simples, ou comece a partir de um modelo.

Veja-a ganhar forma

O Mythex escreve o código, configura a base de dados e mostra uma pré-visualização em direto.

Publique

Um clique coloca-a num endereço público — ou mantenha-a só para a sua equipa.

Ligue as ferramentas que já usa

Ligue o Google Sheets, Gmail, Slack, Notion, HubSpot e centenas de outras uma única vez e depois peça o que precisa no chat. As suas apps leem e escrevem nelas, e nenhuma chave vai parar ao seu código.

Perguntas frequentes

Posso importar do Figma?

Não diretamente. Exporte um frame como imagem e anexe-o ao chat, e o Mythex cria o ecrã a partir dele. Descreva o que a imagem não mostra.

Até que ponto vai ficar igual ao meu design?

Muito próximo, e fica ainda mais a conversar: aponte o espaçamento, as cores ou os tipos de letra que não estão certos. No Pro também pode editar o código você mesmo.

Funciona em telemóveis?

O Mythex cria apps web que funcionam nos browsers do telemóvel. A pré-visualização tem um formato do tamanho de um telemóvel para verificar cada ecrã nessa largura.

Faça do próximo design algo que as pessoas possam usar

Comece grátis, anexe uma captura de ecrã e veja o seu design a funcionar em minutos.