> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # Canvas > Gere, reimagine e construa designs de aplicativos visualmente no Canvas. ## O que é o Canvas? O Canvas é a visualização de design do Project Editor. O Agent gera frames representando websites, designs, imagens, gráficos vetoriais e vídeos, e os organiza em um quadro infinito. Você pode movê-los e redimensioná-los, gerar variantes e iterar com o chat. A aba Preview no Project Editor com o botão Canvas destacado e sua dica de contexto aberta, dizendo 'Switch to Canvas mode — Canvas lets you design, annotate, and refine all your ideas in one place.' Clique no botão **Canvas** no canto superior esquerdo da aba Preview para alternar o painel para o modo Canvas. Para alternar o painel de volta ao aplicativo ativo, clique no seletor de artefato ao lado do botão Canvas e escolha o artefato que você quer visualizar. ## Capacidades do Canvas O Canvas expõe um pequeno conjunto de capacidades, cada uma acessível pela barra de ferramentas ou pela barra de ações de cada frame. * **[Generate](/pt/features/design/toolbar#generate)**: crie novos frames (designs, imagens, gráficos vetoriais, vídeos) a partir do menu Generate da barra de ferramentas ou de um prompt de chat. * **[Refine](/pt/features/design/frames#refine-inline-edits)**: aplique edições pontuais a um frame no lugar, por meio do campo de edição inline. * **[Reimagine](/pt/features/design/frames#reimagine)**: produza variantes lado a lado de um frame existente usando direções predefinidas ou um prompt livre. * **[Build](/pt/features/design/frames#build)**: transforme um frame de Design em um Artefato ativo por meio do menu **Build** de cada frame. ## Anatomia do Canvas Canvas com três regiões rotuladas: dois Frames (um artefato de Website à esquerda, um mockup de Design à direita), um Elemento destacado dentro do frame de Website (a seção hero), e a Toolbar flutuante — Chat, Draw, Edit, Generate — na parte inferior Terminologia do Canvas: * **Canvas**: a superfície infinita de panorâmica e zoom que contém todos os frames, formas e notas. * **Frames**: todo bloco no Canvas é um frame. Os dois tipos principais são **Artefatos** (ativos, apoiados por um aplicativo — o cabeçalho do frame exibe **Website**, **Slides**, etc.) e **Designs** (mockups que não afetam o aplicativo ativo — o cabeçalho do frame exibe **Design**). Outros tipos incluem imagens, vídeos e gráficos vetoriais. * **Elements**: as peças individuais dentro de um frame (texto, botões, imagens e outros componentes). Elements são o que você seleciona e ajusta com o Editor Visual. * **Toolbar**: uma barra flutuante com as ferramentas do Canvas. Consulte [Toolbar](/pt/features/design/toolbar) para o catálogo completo. Dois outros componentes aparecem em contexto: * **Barra de ações por frame**: aparece quando você seleciona um frame. Expõe Reimagine, Build…, Preview e Inspect — consulte [Frames](/pt/features/design/frames#per-frame-action-bar). * **Painel de chat**: chat do Agent ancorado ao lado do Canvas. Selecionar frames antes de enviar uma mensagem os anexa como snapshots para que o Agent tenha contexto visual. Construir um novo aplicativo a partir de um frame de Design requer o plano Core ou Pro; todas as outras capacidades do Canvas funcionam em qualquer plano. Consulte [Billing](/pt/billing/ai-billing) para detalhes dos planos. **Referência** * [Toolbar](/pt/features/design/toolbar) — catálogo completo de ferramentas, gestos e seleção. * [Frames](/pt/features/design/frames) — tipos de Frame; a barra de ações por frame; Reimagine, Refine, Annotate e Build. * [Elements](/pt/features/design/elements) — as peças individuais dentro de um frame. * [Agent](/pt/features/agent/overview) — o Agent que gera e edita frames no Canvas. **Aprenda** * [Guia do Canvas](/pt/learn/design/canvas) — passo a passo em tutorial. * [Design com o Canvas](/pt/build/design-with-canvas) — gere variações visuais de um aplicativo existente e aplique a que você quiser. * [Canvas vs Preview](/pt/learn/design/canvas-vs-preview) — quando usar cada superfície.