Explicação do editor — não é o editor real
O editor real abre dentro do App.
Editor Reorganizado
Não é bagunça. É método.
Ferramentas agrupadas em prateleiras. Foco sem sobrecarga.
Estrutura fixa
O editor no App segue um layout fixo: Shell (top/left/center/right), canvas central (Fabric.js), prateleiras em accordion à esquerda, inspector contextual à direita.
(accordion)
(contextual)
Esta estrutura está sempre presente no editor real, que abre no App.
Filosofia do Editor
Progressive Disclosure
Ferramentas básicas sempre visíveis. Avançadas sob accordion. Você só vê complexidade quando precisa.
Uma Prateleira Aberta
Accordion vertical: ao abrir "Templates", "Layout" fecha automaticamente. Reduz distração. Aumenta foco.
Não Competir por Atenção
Paleta rápida, tipografia rápida, alinhamento rápido. 3 cliques para 80% das tarefas. Ferramentas avançadas existem, mas não gritam.
7 Prateleiras. Tudo Organizado.
Accordion vertical: ao abrir uma prateleira, a anterior fecha automaticamente. Progressive disclosure.
⭐ Básico
Adicionar texto, imagem, forma. Paleta rápida (5 cores). Alinhamento (esquerda, centro, direita). Camadas (frente, trás).
Sempre acessível. Prateleira aberta por padrão no App.
📚 Templates
Biblioteca organizada por categoria (Inspiracional, Educacional, Promocional). Aplicar template substitui layout do slide.
📝 Conteúdo
Texto (editar inline), imagens (upload ou stock), backgrounds (cor, gradiente, imagem), copy assistida por IA (opcional).
📐 Layout
Grid visual, snap to grid, margens/espaçamento, proporção do canvas (1:1, 4:5, 9:16), adicionar/reordenar slides.
⚙️ Avançado
Camadas detalhadas (tree view), efeitos (sombra, blur, opacidade), filtros LUT (correção de cor), Design Brain (validação).
🎬 Motion
Presets de animação (Ken Burns, Parallax, Fade), timeline simples, preview de motion, export de vídeo (MP4, futuro).
📤 Export & Validação
Exportar atual (PDF, PNG, ZIP), batch export (todos READY), validação (Design Brain, smoke test), histórico de exports.
Canvas Interativo
Baseado em Fabric.js. Mover, redimensionar, rotacionar, deletar. Controle total.
Seleção e Manipulação
Clique para selecionar. Arraste para mover. Handles nas bordas para redimensionar. Handle no topo para rotacionar.
Multi-seleção
Shift+clique ou Ctrl+A. Alinhar vários objetos de uma vez. Agrupar (futuro).
Zoom
Ctrl+scroll ou botões +/-. Trabalhe em detalhes sem perder visão geral.
Undo/Redo
Ctrl+Z (desfazer), Ctrl+Shift+Z (refazer). Histórico completo da sessão.
Preview Horizontal
Miniaturas dos slides em faixa horizontal. Navegação rápida. Reordenação visual (futuro).
Painel opcional (toggle 👁️ no header). Mostra thumbnails de todos os slides. Clique para selecionar. Preview de motion (play/pause). Preview de export (como ficará o PDF final).
Veja o editor em ação
Abra o editor e teste o Modo Rápido. Crie seu primeiro carrossel em minutos.
Criar carrossel agora