O canvas, os projetos e as telas

uxmagic.ai/dashboard/project

Projetos#

Um projeto contém telas, um tema, recursos e documentos enviados, seu histórico de chat e seus colaboradores. Tudo dentro de um projeto compartilha um sistema de design, e é isso que faz vinte telas parecerem um só produto.

Regra prática: um projeto por produto ou site. Se estiver projetando duas coisas sem relação, use dois projetos — do contrário, uma mudança de tema pensada para uma vai mexer na outra.

Telas#

Uma tela (às vezes chamada de frame) é uma prancheta no canvas. Cada tela tem nome, tamanho de dispositivo, conteúdo HTML e um histórico de versões.

Telas podem ser:

• geradas pela IA a partir do seu prompt,
• adicionadas vazias e preenchidas depois,
• duplicadas de uma tela existente,
• criadas como variante responsiva de outra tela.

O canvas#

O canvas é infinito e ampliável.

• Mover — espaço + arrastar, ou rolagem com dois dedos.
• Zoom — ⌘/Ctrl + rolagem, ou o controle de zoom.
• Ajustar à tela — reduz o zoom até mostrar todas as telas do projeto.
• Modo foco — abre uma única tela em largura total para trabalho de detalhe.

As telas são posicionadas a partir do seu ponto central, então telas recém-geradas ficam em fila ao lado das existentes em vez de empilhadas sobre elas.

Versões#

Toda mudança da IA em uma tela cria uma nova versão em vez de sobrescrever a anterior. Você pode voltar pelas versões e restaurar qualquer uma. Veja Versões e histórico.

Recursos e documentos#

Cada projeto tem uma biblioteca de recursos para as imagens que você envia ou a IA gera, e uma área de documentos onde anexar um PRD, briefing ou especificação que a IA vai ler antes de projetar. Veja Projetar a partir de um PRD ou briefing.

Lixeira#

Projetos excluídos vão para a Lixeira e podem ser restaurados no painel.