O que é a UXMagic?

A UXMagic é uma ferramenta de design de UI/UX com IA. Você descreve o que quer — ou entrega uma captura de tela, um rascunho feito à mão, a URL de um site ou um arquivo do Figma existente — e ela produz telas de interface reais e editáveis: layout bem resolvido, um sistema coerente de cor e tipografia, e marcação que você pode exportar para o Figma ou para código de produção.

O que a diferencia de um chatbot que escreve HTML#

Três coisas:

1. Ela projeta em um canvas, não em uma janela de chat. As telas ficam lado a lado em um canvas infinito, então um fluxo de checkout são cinco telas que você vê juntas, não cinco respostas separadas.
2. Ela mantém um tema. Cores, fontes, raios e espaçamentos ficam guardados como design tokens no projeto. Peça “deixe escuro” e todas as telas se movem juntas, em vez de uma sair da linha.
3. Ela exporta para algum lugar útil. Figma com auto layout de verdade, ou HTML/React/Tailwind, ou um site publicado no seu próprio domínio — não uma captura de tela.

Como é uma sessão típica#

Você cria um projeto, digita o que quer, e a IA propõe um conjunto de telas. Você aprova ou edita esse plano, e ela projeta uma por vez enquanto você assiste. A partir daí você itera no chat (“deixe o hero mais alto”, “use o azul da nossa marca”), ou entra em uma tela e edita textos e imagens diretamente.

Quando gostar, você exporta — ou publica como um site no ar.

Para quem é#

• Fundadores e gerentes de produto que precisam de uma interface convincente para mostrar a usuários, investidores ou engenharia antes de contratar alguém de design.
• Designers que querem os primeiros 80% de uma tela gerados para dedicar seu tempo aos 20% finais.
• Desenvolvedores que querem um front-end de verdade sem escrever cinco landing pages à mão.
• Agências que produzem conceitos para clientes com velocidade.

O que não é#

Não substitui uma ferramenta de design completa para trabalho de ilustração no nível do pixel, e não é uma IDE. Ela leva você extremamente rápido a um ponto de partida estruturado e de alta fidelidade, e depois passa a bola de forma limpa para o Figma, para o seu repositório ou para a web.

Para onde ir agora#

• Crie seu primeiro projeto — a versão de cinco minutos.
• Como funcionam os créditos — o que cada ação custa, para nada te surpreender.
• Todas as formas de gerar uma tela — os seis pontos de partida.