Seu Primeiro Documento

📚 Primeiros Passos > Seu Primeiro Documento

🎯 Visão Geral

Parabéns! Você criou sua conta e instalou a extensão. Agora vamos criar seu primeiro documento no Doccler e entender o fluxo completo de documentação.

Neste tutorial, você vai:

1. Capturar um workflow do Bubble.io
2. Visualizar no editor Doccler
3. Reescrever com IA
4. Publicar sua documentação

📋 Pré-requisitos

Antes de começar, certifique-se de ter:

• Conta criada no Doccler
• Extensão instalada no navegador
• Login feito na extensão
• Um projeto Bubble.io aberto

🚀 Passo 1: Acesse seu Projeto Bubble.io

1.1 Abra o Bubble.io

Vá para bubble.io e faça login na sua conta.

1.2 Abra um projeto

Selecione qualquer projeto que tenha workflows criados. Se não tiver, crie um workflow simples para teste:

Exemplo de workflow para teste:

• Trigger: "When Button is clicked"
• Action: "Show message" ou "Navigate to page"

1.3 Vá para a aba Workflow

No editor do Bubble, clique na aba "Workflow" no menu superior.

📸 Passo 2: Capture com a Extensão

2.1 Clique na extensão Doccler

Com a aba de workflows aberta, clique no ícone do Doccler na barra do navegador.

2.2 Selecione o que capturar

A extensão mostrará opções como:

• Capturar Workflow Atual - Documenta o workflow selecionado
• Capturar Todos os Workflows - Documenta todos da página atual
• Capturar Elemento - Documenta um elemento específico

2.3 Escolha o destino

Selecione:

• Espaço: Onde o documento será salvo (crie um novo ou use existente)
• Documento: Nome do documento

2.4 Clique em "Capturar"

A extensão processará os dados e enviará automaticamente para o Doccler.

💡 Dica: Uma notificação confirmará que a captura foi enviada com sucesso.

✏️ Passo 3: Edite no Doccler

3.1 Acesse o Dashboard

Vá para doccler.app/dashboard e faça login se necessário.

3.2 Encontre seu documento

No menu lateral, você verá:

• Seus Espaços (pastas de documentação)
• Dentro do espaço, o Documento que você acabou de criar

3.3 Abra o documento

Clique no documento para abrir o editor.

3.4 Visualize o conteúdo capturado

Você verá os dados do workflow formatados automaticamente:

• Nome do workflow
• Trigger (evento que dispara)
• Actions (ações executadas)
• Condições e parâmetros

🤖 Passo 4: Reescreva com IA

A mágica do Doccler está na reescrita com IA. Vamos transformar os dados técnicos em documentação profissional.

4.1 Selecione o conteúdo

No editor, selecione o texto que deseja reescrever (ou todo o documento).

4.2 Clique em "Reescrever com IA"

Na barra de ferramentas, clique no botão "✨ Reescrever com IA" (ou use o atalho).

4.3 Aguarde o processamento

A IA analisará o conteúdo e gerará uma versão humanizada e profissional.

4.4 Revise o resultado

Compare o antes e depois:

Antes (dados brutos):

Workflow: button_submit_click
Trigger: When Button Submit is clicked
Action 1: Make changes to Current User
Action 2: Navigate to page dashboard

Depois (reescrito pela IA):

## Fluxo de Submissão do Formulário
 
Quando o usuário clica no botão **Enviar**, o sistema:
 
1. **Atualiza os dados do usuário** - Salva as informações preenchidas
2. **Redireciona para o Dashboard** - Leva o usuário à página principal
 
Este fluxo garante que os dados sejam salvos antes da navegação.

4.5 Ajuste se necessário

Você pode editar manualmente o texto gerado para adicionar detalhes específicos.

🌐 Passo 5: Publique sua Documentação

5.1 Acesse as configurações do espaço

No menu lateral, clique no ícone de engrenagem ⚙️ ao lado do espaço.

5.2 Ative a publicação

Na seção "Publicação", ative a opção "Publicar site".

5.3 Configure a URL

Escolha um slug para sua documentação:

• Exemplo: meu-projeto → meu-projeto.doccler.app

5.4 Salve e acesse

Clique em "Salvar" e depois em "Ver Site" para visualizar sua documentação pública.

🎉 Parabéns!

Você acabou de:

• ✅ Capturar um workflow do Bubble.io
• ✅ Editar no editor Doccler
• ✅ Reescrever com IA
• ✅ Publicar sua primeira documentação

Sua documentação agora está online e acessível para qualquer pessoa!

➡️ Próximos Passos

Agora que você domina o básico, explore mais recursos:

💡 Dicas Extras

Capture regularmente

Mantenha sua documentação atualizada capturando workflows sempre que fizer alterações significativas.

Use a reescrita com IA

Não tenha medo de reescrever várias vezes. Cada versão pode ser melhorada.

Organize por funcionalidade

Crie espaços separados para diferentes módulos do seu app (ex: Autenticação, Pagamentos, Usuários).

Compartilhe com sua equipe

Envie o link do site público para colegas ou clientes revisarem.

🔗 Links Relacionados

• O que é o Doccler?
• Criando sua Conta
• Instalando a Extensão
• Usando o Editor

Última atualização: Dezembro 2025