Skip to content

Como criar um quadro kanban sem programar: guia prático

Como criar um quadro kanban sem programar

Você descreve as colunas, o que entra em cada cartão e quem mexe no quadro, e o Zugo monta a tela com arrastar e soltar. Uma construção custa 6 créditos e sai em torno de um minuto. Para salvar os cartões e ter login por pessoa, o projeto vira plataforma de 12 créditos.

Por que montar o seu quadro em vez de usar um pronto?

Na maior parte dos casos, não vale. Trello, Notion e ClickUp resolvem kanban há anos, têm aplicativo de celular, notificação, histórico e um plano gratuito generoso. Quem só precisa de colunas com cartões vai gastar menos tempo abrindo uma conta do que descrevendo um prompt.

O quadro próprio começa a fazer sentido quando o cartão carrega informação que ferramenta genérica não entende. Ordem de serviço com número de nota, paciente com data de retorno, obra com medição aprovada. Nesses casos, o campo personalizado da ferramenta pronta vira gambiarra, e a equipe passa a manter uma planilha paralela.

O segundo caso é acesso. Quando o quadro precisa ficar dentro do seu domínio, com login dos seus usuários e sem convidar gente de fora para uma conta de terceiros, o sistema próprio deixa de ser capricho. Cliente que acompanha o andamento do serviço não deveria enxergar o quadro inteiro da operação.

O terceiro caso é integração com o que você já tem. Se o cartão precisa nascer de um formulário do seu site ou virar cobrança depois de aprovado, o quadro deixa de ser uma tela isolada e passa a ser parte de um sistema. Aí construir sai mais barato do que amarrar três serviços.

Quais colunas o seu quadro precisa ter?

As que você já usa quando fala do trabalho em voz alta. O erro clássico é copiar um modelo de metodologia e batizar as colunas de "backlog", "doing" e "done" numa equipe que nunca usou essas palavras.

Coluna Pergunta que ela responde Quem move o cartão
Entrada O que chegou e ainda ninguém olhou Quem recebe o pedido
Em análise O que está sendo orçado ou avaliado Responsável técnico
Aprovado O que o cliente autorizou e virou fila Quem fecha a venda
Em execução O que está sendo feito agora Quem executa
Aguardando terceiro O que travou fora da sua mão Quem executa
Concluído O que saiu e pode ser cobrado Quem confere

A coluna que quase todo mundo esquece é a de espera por terceiro. Sem ela, tudo o que depende de fornecedor, laudo ou resposta do cliente fica parado em "em execução" e o quadro passa a mentir sobre a capacidade da equipe.

O cartão também merece menos campos do que a vontade inicial pede. Título, responsável, prazo e uma descrição curta cobrem quase tudo. Campo que ninguém preenche na terceira semana é campo que atrapalha a leitura do quadro e some com a adesão do time.

Qual prompt descreve um quadro kanban que funciona?

Descreva o comportamento, não a aparência. Quem pede uma tela bonita recebe uma tela bonita com regras erradas, e regra errada num quadro de trabalho gera retrabalho de verdade.

Construa um quadro kanban para [tipo de operação].
Colunas: [suas colunas, na ordem real do processo].
Cartão: título, responsável, prazo, valor, cliente,
descrição curta e campo de observação.
Comportamento:
1. Arrastar o cartão de uma coluna para outra.
2. Cadastro rápido de cartão em um formulário simples.
3. Filtro por responsável e por prazo vencido.
4. Contador de cartões no topo de cada coluna.
5. Tela "atrasados" com o que passou do prazo.
Login por usuário: cada pessoa vê o quadro inteiro,
mas só edita os próprios cartões.
Idioma português do Brasil.

Repare no item cinco. A lista de atrasados é o que transforma o quadro de retrato bonito em ferramenta de cobrança. Sem ela, alguém precisa varrer as colunas com o olho toda manhã, e ninguém faz isso por muito tempo.

O Zugo tem 25 modelos prontos, e partir de um painel administrativo poupa a estrutura básica quando o seu fluxo se parece com o do modelo. Ainda assim, as colunas você troca por edição, porque elas são a parte que mais varia de operação para operação.

Onde os cartões ficam salvos?

No Supabase, que cuida de banco de dados, login e arquivos. Sem ele, você tem uma tela que arrasta cartões bonitinho e esquece tudo quando a aba fecha, o que é exatamente o tipo de surpresa que aparece na segunda-feira de manhã.

Peça Quem cuida O que muda na prática
Cartões, colunas e histórico Supabase O quadro sobrevive ao fechar do navegador
Login e permissão por pessoa Supabase Cada um edita o que é seu
Aviso quando um cartão muda de coluna Resend O responsável fica sabendo sem abrir o quadro
Cobrança do serviço aprovado Stripe Cartão de verdade, cobrado no seu sistema
Quantas pessoas abrem o quadro por dia Google Analytics Mostra se a equipe adotou ou abandonou
Exportar o código para um desenvolvedor GitHub Você não fica preso a nenhuma ferramenta

Como as tabelas, os usuários e as permissões se montam na prática está detalhado no guia de aplicativos com Supabase. Vale ler antes de construir, porque a decisão de quem enxerga o quê é mais barata de tomar no começo.

Se cada cartão tem valor e etapa de venda, o que você está montando já não é bem um kanban: é um funil. A diferença e o que muda no desenho estão em como criar um CRM sem código.

Quanto custa em créditos montar e manter o quadro?

O Zugo cobra por ação, e um quadro com login nasce como plataforma multipágina.

Ação Créditos
Tela única, só o quadro 6
Plataforma multipágina, três primeiras telas 12
Cada tela adicional 3
Edição num projeto existente 3
Construção no modo Hi-Fi 12
Edição no modo Hi-Fi 6
Publicar e conectar domínio 0

O plano gratuito dá 5 créditos, menos que uma construção de 6, então ele serve para conhecer a ferramenta. O Pro custa $25 por mês com 200 créditos, o equivalente a cerca de 16 plataformas, 33 construções ou 66 edições. O Business custa $99 por mês com 800 créditos.

Num quadro interno, o gasto se concentra nas duas primeiras semanas. A equipe usa, reclama de uma coluna, pede um filtro, descobre que falta um campo. Cada ajuste é uma edição de 3 créditos, e é essa rodada que decide se o quadro vai ser adotado ou abandonado.

Como manter o quadro vivo depois da segunda semana?

Com limite de cartões por coluna e uma rotina curta de olhar. Quadro que aceita quarenta cartões em "em execução" não está organizando nada, só está registrando o caos numa tela mais colorida.

O limite não precisa ser automático. Uma linha no topo da coluna dizendo "máximo 6" e um combinado de equipe já muda o comportamento, porque a regra fica visível para todo mundo ao mesmo tempo. Se você quiser travar de verdade, isso é uma edição.

A rotina importa mais que a ferramenta. Cinco minutos de manhã, com o quadro na tela, perguntando o que travou e o que sai hoje. Sem esse hábito, qualquer sistema vira arquivo morto, e a culpa não é do construtor nem do Trello.

Vale também combinar o que significa "concluído". Serviço entregue, serviço cobrado e serviço pago são três estados diferentes, e misturá-los num único fim de linha é a razão mais comum de o quadro deixar de bater com o financeiro.

O que um construtor com IA não faz num kanban?

Três limites ditos com clareza, porque descobrir depois custa caro.

Não existe aplicativo nativo de celular nem notificação por aplicativo de mensagem. O quadro abre no navegador do celular e funciona, mas quem espera empurrão na tela de bloqueio vai se frustrar. Aviso por e-mail com Resend cobre parte disso, e só parte.

Colaboração ao vivo, com dois usuários vendo o cartão se mexer na mesma hora, é um recurso caro de construir e não sai de um prompt. Na prática, um quadro que atualiza ao recarregar atende equipes pequenas sem drama, mas é bom saber disso antes de prometer o contrário para o time.

E o Zugo não substitui um time de desenvolvimento num produto complexo. Automação de regras, auditoria de quem mexeu em qual cartão e integração com sistemas antigos da empresa formam um projeto de software, não um pedido de tela. Regra de negócio muito específica se afina por edições sucessivas.

Por onde começar?

Escreva num papel as etapas que a sua equipe já fala em voz alta e conte quantos campos você realmente consulta antes de decidir o que fazer com um pedido. Esse desenho vira o prompt e evita o cartão cheio de campos vazios.

Construa a versão simples, use você mesmo por uma semana antes de convidar o time e só então abra para todos. Toda construção passa por uma verificação em sandbox antes da entrega, então o que não abre vira falha em vez de chegar até você como tela em branco. Dá para começar em zugo.dev pelo plano gratuito e ver o primeiro quadro de pé ainda hoje. Se depois disso ficar claro que o seu caso é receber sugestões e votos em vez de mover tarefas, o formato certo está em como criar um mural de feedback.

← Todos os artigos