Sponsored by

Setup Memorável   Setup Memorável
ED 106

100% escolheram Mostrar como um suporte simples e barato pra…. Sai em 11/09.

{{subiu_orn | }} {{subiu_num | }} {{subiu_orn | }}

{{subiu_caps | }}

{{subiu_linha | }}

Excalidraw: o rascunho que sai limpo o bastante pro slide

Um quadro branco no navegador que desenha à mão livre e entra na apresentação sem passar por designer.

Excalidraw

O rascunho que chega ao slide sem virar arte

▼

Uma caneta de quadro branco de 13 centímetros, corpo de plástico preto, ponta chanfrada gasta de um lado só. Ela prova uma afirmação incômoda: o desenho que destravou a reunião de terça nasceu em quarenta segundos na parede, resolveu a discussão inteira, e sumiu no apagador antes de virar arquivo.

O que sobrou foi uma foto tremida na galeria do celular. Reflexo da luminária no canto superior, uma sombra de braço atravessando o retângulo do meio, e a legenda de uma seta que você mesmo não consegue mais ler. Aquela foto não entra em slide, não entra em documento e não entra em mensagem para quem faltou.

Então começa a segunda tentativa, a que custa caro. Você abre a ferramenta de apresentação, insere uma caixa, digita dentro dela, insere outra caixa, e a seta que liga as duas gruda no lugar errado. Você arrasta, a caixa pula duas casas, o texto muda de tamanho sozinho, e a paleta oferece dezoito tons de azul que ninguém pediu.

Noventa minutos depois existe um diagrama alinhado ao milímetro, com sombra suave e canto arredondado, dizendo exatamente o que a parede já dizia. Só que agora ele parece pronto, e é aí que a conversa desanda: alguém comenta a fonte, alguém sugere trocar o verde, alguém pede para inverter a ordem das caixas por questão de simetria.

O desenho acabado convida à revisão de acabamento. O desenho inacabado convida à revisão da ideia, que é a única revisão que interessa numa reunião de trinta minutos.

Existe uma categoria pequena de ferramenta que entendeu esse mecanismo e desenhou em cima dele: quadro branco de navegador com traço propositalmente torto, que abre em três segundos, não pede cadastro, e exporta em arquivo de imagem com fundo transparente para cair no slide sem moldura.

Vamos começar pelos quatro pontos em que o seu desenho de trabalho trava hoje.

Continue lendo ↓

 
 
 

I  O Problema

O quadrado que você redesenhou seis vezes

 
‌

O Excalidraw devolve o desenho de guardanapo em arquivo pronto pro slide.

Recupere a semana. Quantas vezes você precisou explicar uma estrutura, um fluxo ou uma ideia de arquitetura e recorreu a três parágrafos de texto porque desenhar dava trabalho? Cada um daqueles parágrafos custou dez minutos de escrita e continuou ambíguo.

O primeiro travamento é a ferramenta que corrige você. O editor de apresentação e o editor de documento tratam qualquer forma como objeto de layout: alinha, encaixa na grade, redimensiona o texto, aplica a sombra padrão. Você queria rabiscar e a ferramenta insiste em diagramar.

O segundo travamento é o menu. Ferramenta de diagrama profissional abre com biblioteca de estêncil, camadas, tipos de conector e cinco painéis. Para desenhar três caixas e duas setas, você atravessa uma interface projetada para plantas de rede de data center.

O terceiro travamento é o acabamento cedo demais. Assim que o desenho ganha canto arredondado e fonte bonita, ele muda de categoria na cabeça de quem olha: deixa de ser rascunho e vira entrega. A partir daí, o comentário que chega é sobre cor, alinhamento e tipografia, e a estrutura por baixo passa sem exame.

O quarto travamento é o mais caro: você desiste de desenhar. Depois de duas experiências ruins, o cérebro conclui que explicar por escrito sai mais barato, e o diagrama que economizaria vinte minutos de reunião nunca chega a existir.

Some os quatro e o retrato aparece. Não falta talento para desenho, falta uma superfície que aceite rascunho e devolva arquivo. Existe um vão entre o guardanapo e o software de arquitetura, e quase todo trabalho de escritório acontece dentro desse vão.

A foto do quadro branco parece resolver e não resolve, por dois motivos concretos. O primeiro é que ela não é editável: mudou uma caixa, refaz o desenho inteiro na parede e fotografa de novo. O segundo é que ela carrega a bagunça do mundo real, com reflexo, perspectiva torta e resto de reunião anterior no canto.

Para desenho de trabalho, arquivo que não volta atrás vale pouco. Todo diagrama útil é revisado pelo menos três vezes: na hora de explicar, na hora de escrever a documentação, e seis meses depois, quando alguém pergunta como aquele processo funciona.

O que falta é uma superfície com uma regra estranha embutida: parecer rascunho para sempre, mesmo depois de salva, exportada e colada no slide. Traço torto é uma decisão de projeto, não uma limitação.

O Excalidraw foi construído exatamente sobre essa decisão. Ele é um quadro branco de navegador cujas linhas saem tremidas de propósito, e essa tremida é o que mantém a conversa na estrutura do desenho.

‌
‌
‌
‌

II  A Descoberta

O traço torto que ninguém pede pra revisar

 
‌

O Excalidraw é um quadro branco de código aberto criado por Christopher Chedeau em janeiro de 2020, engenheiro que trabalhou no time de front-end do Facebook. A aparência de mão livre vem da biblioteca gráfica Rough.js, que redesenha cada forma com pequenas imperfeições calculadas.

O diferencial: o desenho anuncia sozinho que ainda está em discussão, e quem olha comenta a ideia. Retângulo com lado levemente ondulado, seta com ponta imperfeita, círculo que não fecha no mesmo ponto. Nada ali sugere versão final.

O formato: aplicação de navegador que abre em três segundos no endereço excalidraw.com, sem cadastro, sem instalação e sem login para o uso básico. A barra de ferramentas tem retângulo, losango, círculo, seta, linha, traço livre, texto e imagem. Acaba aí.

O que ele faz melhor: diagrama de caixa e seta. Fluxo de processo, arquitetura de sistema, mapa de decisão, esboço de tela, organograma improvisado, explicação de conceito. Todo desenho que existe para ser entendido em dez segundos e depois jogado fora.

A exportação que resolve o slide: você seleciona a área e exporta em PNG com fundo transparente, ou em SVG quando quer redimensionar sem perder nitidez. O PNG transparente cai em cima de qualquer fundo de apresentação, claro ou escuro, sem retângulo branco em volta.

O arquivo que volta a ser editável: o formato próprio termina em ponto excalidraw e guarda os elementos separados, então o desenho de três meses atrás abre com cada caixa ainda arrastável. Existe também a opção de embutir os dados dentro do próprio PNG exportado, e aquele mesmo arquivo de imagem volta a ser editável quando arrastado de novo para dentro do quadro.

A biblioteca de formas prontas: o projeto mantém um acervo público de conjuntos criados pela comunidade, com ícones de nuvem, banco de dados, celular, pessoa e caixa de servidor, todos no traço torto. Você adiciona um conjunto com um clique e ele fica disponível nos quadros seguintes.

A citação que resume a filosofia: "Rabiscamos para descobrir o que pensamos, e o papel devolve o pensamento em forma que a cabeça sozinha não sustenta", escreveu Barbara Tversky em Mind in Motion, de 2019. A psicóloga cognitiva passou a carreira mostrando que gesto e desenho fazem parte do raciocínio, e não são só o registro dele.

O trabalho a quatro mãos: existe uma sala colaborativa gratuita, com link compartilhável e criptografia ponta a ponta, em que várias pessoas desenham ao mesmo tempo e cada cursor aparece nomeado. Serve para reunião remota em que alguém precisa apontar para a caixa do meio.

Onde ele não é a ferramenta certa: quem precisa de diagrama normatizado, com notação formal de banco de dados ou de rede, vai sentir falta de estêncil oficial e de validação. E apresentação institucional de cliente conservador costuma rejeitar o traço tremido, que ali passa por descuido.

Pra quem serve: quem explica sistema para colega, quem documenta processo interno, quem esboça tela antes de chamar o designer, quem dá aula, e quem escreve texto técnico e precisa de uma imagem que sustente o argumento.

Um aviso antes de abrir: o quadro em branco é infinito, e desenho sem limite de moldura cresce até virar mapa ilegível. Delimite mentalmente o tamanho do slide antes do primeiro retângulo.

Selo HC: Aprovado. Ele fecha o vão entre a foto tremida do quadro branco e o diagrama que ninguém tem tempo de produzir.

Conhecer o Excalidraw →

 
 

Quem banca a edição de hoje

Smarter CRM. Less Busywork.

Disconnected data and tools make it harder to understand your customers. HubSpot's Agentic Customer Platform brings your data, teams, and tech stack together with AI built in to help your business work faster and create more personalized customer experiences.

Why HubSpot and what's new

  • Use AI powered tools to take action faster

  • Unify your data, teams, and tech stack in one place

  • Create one shared view of customer data

  • Connect teams around the same customer context

  • Bring your business tools into one place

Connect more of your business in one place and give every team a smarter way to work. Get set up quickly and start checking off your hardest tasks.

Patrocinadores mantêm a edição gratuita

 
‌
‌
‌
‌

III  O Setup

Três ajustes antes do primeiro desenho

 
‌

Vai abrir hoje? Faça estes três ajustes na estreia, porque quadro mal montado vira teia de caixas e você conclui que desenhar continua sendo caro.

Ajuste 01: comece pelo texto das caixas, com no máximo sete delas. Escreva primeiro os rótulos soltos no quadro, leia a sequência em voz alta, e só depois desenhe o retângulo em volta de cada um. Sete caixas cabem num slide lido a três metros de distância; a oitava obriga a diminuir a fonte.

O teste da montagem é direto: feche os olhos por cinco segundos e olhe o desenho de novo. Se o caminho principal saltar antes que você leia qualquer rótulo, a estrutura está clara. Se você precisar seguir as setas com o dedo, sobrou ligação cruzada ali dentro.

Ajuste 02: fixe duas cores e nunca abra a paleta completa. Preto para tudo que é estrutura, uma cor de destaque para o ponto que importa na conversa. A ferramenta guarda a última cor usada, então a segunda caixa já sai certa. Paleta cheia num rascunho reabre a discussão de acabamento que o traço torto tinha acabado de encerrar.

Guarde os quadros que funcionarem num arquivo local por assunto. Todo diagrama de fluxo novo começa como cópia de um antigo, e reaproveitar a estrutura poupa quinze minutos de tateio.

Ajuste 03: exporte só a seleção, em PNG transparente, com escala dobrada. Marque a área que interessa, escolha exportar seleção, ative o fundo transparente e suba a escala para dois. Exportar o quadro inteiro traz sobra de rascunho lateral, e escala simples fica borrada na tela grande da sala de reunião.

Nos primeiros dias, a meta não é documentar o sistema inteiro. É provar uma afirmação única: aquela explicação que você daria em três parágrafos de mensagem sai em quarenta segundos de desenho, com arquivo salvo e imagem pronta para o slide.

"Qual explicação você já escreveu três vezes por texto porque desenhar dava trabalho?"

A ferramenta é gratuita e de código aberto, e a versão do navegador cobre com folga o experimento descrito aqui, incluindo a exportação transparente, a biblioteca da comunidade e a sala colaborativa. A conta desta edição fecha em R$ 0 por mês, com desenho ilimitado, arquivo salvo no seu próprio computador e nenhuma cobrança de cartão (cotação de 07/09/2026). O plano pago Excalidraw+, que acrescenta quadros na nuvem e organização por pastas, é cobrado em dólar e por isso fica fora desta conta.

 
 
 

Ebook + app · Setup Memorável

Capa do ebook

o ebook

ensina

+
O app no celular

o app

treina

Assinatura Fantasma, no ebook e no app.

📖O ebook ensina: A auditoria de 30 minutos que acha os apps pagos que você esqueceu de cancelar.
📱O app treina: 1 esconderijo por dia no celular, marcado e anotado. Atrasou, o plano espera.
 
Quero o ebook + app →
 
Quiz da edição

Quem criou o Excalidraw e quando, segundo o texto?

AUma equipe do Figma, em 2018
BChristopher Chedeau, em janeiro de 2020
CUm coletivo open source anônimo, em 2021
DUm ex-designer da Adobe, em 2019

Resultado da última edição: 80% acertaram.

Veja o ranking de quem mais acerta →

 
Sua avaliação

Como foi a edição de hoje?

🖥️🖥️🖥️🖥️🖥️  ótima 🖥️🖥️🖥️🖥️  boa 🖥️🖥️🖥️  ok 🖥️🖥️  ruim 🖥️  péssima
 
Escolha a próxima edição

Qual edição você quer ver?

1 toque vota. A pauta vencedora vira uma próxima edição.

Voto aberto até 11/09, 15h30

A Tailscale, rede privada entre aparelhos →
B Soulver 4, calculadora em texto →
C Kagi, busca paga sem anúncio →
D reMarkable 2, caderno digital →

100% escolheram Mostrar como um suporte simples e barato pra… na ed 104

 
Recomendação de Newsletter
Mestre do Teclado

Mestre do Teclado

Dez minutos de prática, o erro de iniciante corrigido e uma música conhecida para você tocar. No seu email todo dia às 19:19.

Quero receber →

 
Indique e destrave

Chame mais um produtivo pra escrivaninha

Cada leitor confirmado pelo seu link sobe um degrau da escada de prêmios.

  
você1

{{indicacoes_confirmadas | 0}} confirmadas · faltam {{indicacoes_falta | 1}} pra próxima recompensa

● 1
Pack de wallpapers
Pack de wallpapers
■ 3
EDIÇÃO
Colecionador
 
DO MÊS
🥇
Edição de Colecionador do mês
▲ 5
ebook Assinatura Fantasma
ebook Assinatura Fantasma

Pegar meu link de indicação →

 
Sua jornada
🔥 {{streak_atual | 0}} recorde
{{streak_recorde | 0}}

{{streak_titulo | Comece sua ofensiva hoje}}

sua patente

{{rank_simbolo | ◆}} {{rank_nome | Aprendiz}}

 

faltam {{xp_falta | 5}} de ouro pra {{rank_prox | próxima patente}}

{{edicoes_lidas | 1}}
edições
{{cliques | 0}}
cliques
{{avaliacoes_feitas | 0}}
avaliações
{{moedas | 0}} de ouro na carteira 🏪 loja e missões no hub
{{streak_cta | Começar minha ofensiva}}
 
Amanhã nesta news

ED 108 · amanhã às 08:08

Suporte de notebook

Mostrar como um suporte simples e barato pra notebook resolve a altura da tela melhor que uma cadeira cara, e…

 

Bom setup. Parati semper.

SETUP MEMORÁVEL

Menos apps. Mais resultado

💬 WhatsApp·📣 Anuncie·✍️ Newsletter
📚 Artigos