Use o modo Design para moldar a aparência do seu app, tela por tela.
A aparência do seu app faz tanta parte dele quanto o que ele faz. O PixelGames é um Game Boy
em um celular: a carcaça creme, a tela verde-oliva e os botões robustos são o ponto principal.
Um layout de app genérico perderia isso.
1
Alterne para o modo Design
Alterne para o modo Design no botão no canto superior esquerdo do seu workspace:
O alternador Design e Build com Design selecionado no workspace do PixelGames.
2
Descreva o que você quer ao Agent
Descreva o resultado e o Agent cuida do resto. Peça várias versões de uma vez para
encontrar uma direção.
3
Compare as versões
O Agent as organiza lado a lado no canvas, para que você as julgue como telas completas em
vez de uma por vez.
4
Escolha uma e veja para onde levá-la
Selecione um design e use as sugestões que aparecem ao lado dele para tentar outras
variações.
Um design selecionado, com sugestões de próximos passos ao lado.
5
Construa a versão que você quer
Quando uma versão estiver certa, clique no ícone de envio na barra de ferramentas acima
dela. O Agent tira aquele design do canvas e o constrói como uma tela real no seu app.
O ícone de envio transforma o design selecionado em uma tela real.
A mudança foi além do que você queria: peça ao Agent para revertê-la e descreva uma
mudança menor, uma tela ou um elemento por vez.
Parece certo na prévia, errado no celular: informe o dispositivo e o que você viu, o
tratamento de área segura e tamanho de tela costumam ser as causas.
Uma mudança é sempre desfeita: o mesmo valor pode estar definido em mais de um lugar,
pergunte ao Agent onde o estilo daquela tela realmente está.
