Seu primeiro design

1Comece pelo Início

O Início abre quando o app inicia. Ele lista seus arquivos recentes em grade ou em lista e oferece Novo arquivo, Abrir arquivo, Modelos, Sistemas de design e Modelos de cena.

A caixa de prompt no topo começa um design a partir de uma frase. Escolha o que você está criando (Landing page, App mobile, App web, Slides, Painel ou Outra coisa) e um tamanho (Desktop, Tablet, Celular ou Slides) e descreva o que quer. O agente integrado desenha tudo em uma nova tela.

Os cartões de importação logo abaixo abrem um arquivo do Figma, uma página web, uma captura de tela para recriar ou um arquivo do pen.dev. Cmd+N cria um arquivo em branco enquanto o Início estiver aberto.

2Desenhe uma prancheta

1. Pressione F para a ferramenta Moldura e arraste na tela. Uma moldura de nível superior é uma prancheta: uma tela, uma seção de página ou um slide.
2. Pressione R, O ou T para adicionar dentro dela um retângulo, uma elipse ou um texto.
3. Selecione uma camada e edite tamanho, preenchimento, contorno e efeitos no painel à direita.
4. Ative o layout automático na prancheta para empilhar os filhos com espaçamento entre eles e espaçamento interno.

3Salve

Cmd+S salva um arquivo .de. Ele é JSON puro, então gera diffs limpos no git e os agentes conseguem lê-lo. Por padrão, as imagens vão para uma pasta irmã <name>.assets/; os agentes também podem salvar um único arquivo com todas as imagens incorporadas.

4Visualize

Pressione Cmd+P para abrir a Visualização. Escolha Telefone, Desktop ou Tela no topo. As pranchetas marcadas como telas se comportam como páginas de um site, com barra de endereço e botões de voltar e avançar.

5Ou comece por um modelo

Arquivo, Novo a partir de um modelo abre os modelos de cena integrados: cartões, comparações, slides, infográficos, tutoriais e carrosséis. Salve qualquer documento como seu próprio modelo com Arquivo, Salvar como modelo.

A Central de prompts reúne prompts prontos para telas iniciais, apps mobile, páginas web, painéis, componentes e edições. Salve os prompts que você reutiliza em Meus prompts.