Flow Builder: por que reconstruímos a interface do zero

PJ
Time PixelJam
9 de junho de 2026 5 min de leitura

Nós reescrevemos a interface de configuração do PixelJamCreator Studio. Do zero. A antiga tela de formulários infinitos virou um canvas visual inspirado no Railway — uma interface onde você constrói seu pipeline como um fluxo, não como uma lista de campos.

Esta não foi uma decisão estética. Foi uma decisão estrutural sobre como as pessoas pensam em automação.

O problema que queríamos resolver

Na versão anterior, a página de configuração do canal era essencialmente um formulário com 30+ campos. Os usuários nos diziam que era intimidante. Que não ficava claro qual configuração afetava qual parte do vídeo. Que eles se sentiam perdidos.

Percebemos que o problema não era a quantidade de opções — era a organização. As configurações estavam agrupadas por tipo (texto, áudio, vídeo), mas não por etapa do fluxo.

Uma lição que aprendemos: a complexidade não é o problema. O problema é quando a complexidade é apresentada sem estrutura que faça sentido mental para o usuário.

O novo Flow Builder

Agora a página de configuração do canal é um canvas visual onde cada etapa do pipeline é representada como um nó conectado. Você clica em um nó e vê as configurações específicas daquela etapa — sem distrações do resto.

As etapas são exatamente as mesmas do pipeline de execução:

  • Script: prompt do canal, estilo de título, pesquisa de tendências
  • Imagens: prompt de animação, modelo de geração, quantidade de cortes
  • Música: gênero, quantidade de faixas, volume
  • Edição: transições, legendas, duração mínima
  • Publicação: visibilidade, descrição, tags

Cada nó mostra um resumo das configurações atuais, e você pode expandir para ajustar detalhes. A mudança mais importante: você agora vê o fluxo como um todo, não como uma lista.

Decisões de design que fizemos

Algumas escolhas que moldaram o resultado final:

  • Modo escuro nativo: a interface é 100% escura, sem alternância. Isso reduz fadiga visual em sessões longas de configuração.
  • Espaçamento generoso: cada nó tem espaço para respirar. Nada de crowding.
  • Feedback visual constante: cada ajuste em um nó é refletido em tempo real no resumo do nó e no custo estimado.
  • Estado salvo automaticamente: você não precisa clicar em "salvar" — cada alteração é persistida instantaneamente.

Quer ver o Flow Builder em ação?

Crie uma conta gratuita e configure seu primeiro canal em minutos.

Experimentar agora →