Descrição
O GutenDraw integra o Excalidraw ao editor Gutenberg, adicionando um bloco nativo para criar diagramas, fluxogramas, wireframes e anotações com traço de aparência manual diretamente nas páginas e posts do WordPress. Cada desenho é salvo como SVG editável dentro do conteúdo, permitindo que professores, equipes técnicas e criadores visualizem ideias, ilustrem tutoriais e mapeiem processos sem depender de ferramentas externas ou de upload de imagens estáticas.
Características Principais
- Bloco Gutenberg dedicado: insere a tela de desenho do Excalidraw como bloco nativo do editor, com edição inline na própria interface do WordPress.
- Saída em SVG vetorial: os desenhos são gerados em formato vetorial, mantendo nitidez em qualquer tamanho de tela e dispositivo.
- Estética hand-drawn: reproduz o traço característico do Excalidraw, com formas, setas, conectores e texto em estilo manual para diagramas leves.
- Edição reversível: cada desenho pode ser reaberto e modificado a qualquer momento direto pelo bloco, sem precisar exportar e reimportar arquivos.
- Recurso de image map: permite anotar áreas e marcar pontos sobre imagens, transformando capturas de tela em diagramas explicativos.
Benefícios do GutenDraw
- Fluxo dentro do WordPress: elimina a troca de contexto para apps externos como draw.io, Miro ou Figma para diagramas simples.
- Páginas mais leves: o uso de SVG reduz o peso comparado a screenshots em PNG/JPG e mantém a qualidade no responsivo.
- Documentação visual rápida: ideal para ilustrar tutoriais, posts técnicos, materiais didáticos e bases de conhecimento.
- Curva de aprendizado curta: aproveita a interface familiar do Excalidraw, conhecida pela simplicidade do quadro branco virtual.
Para Quem é Indicado?
- Criadores de conteúdo técnico e blogs de tutoriais que precisam ilustrar conceitos com diagramas e fluxos.
- Educadores e plataformas de cursos que desejam montar esquemas, mapas mentais e anotações sobre imagens.
- Equipes de produto, design e desenvolvimento que documentam arquiteturas, wireframes e processos diretamente no site da empresa.
Indicado para quem produz conteúdo no WordPress e precisa transformar ideias em diagramas visuais sem sair do editor Gutenberg.
Perguntas Frequentes
O plugin GutenDraw – Visualize Ideas with Excalidraw in WordPress é GPL?
Sim. O GutenDraw – Visualize Ideas with Excalidraw in WordPress é distribuído sob a licença GPL (GNU General Public License). Você pode usar, modificar e redistribuir legalmente, em quantos sites quiser.
Posso usar o plugin GutenDraw – Visualize Ideas with Excalidraw in WordPress em mais de um site?
Sim. Você pode instalar o GutenDraw – Visualize Ideas with Excalidraw in WordPress em quantos sites quiser. Só as atualizações automáticas pelo Ultrapack Auto Updater têm limite: de 3 a 80 sites, conforme o plano.
Quanto custa o plugin GutenDraw – Visualize Ideas with Excalidraw in WordPress no Ultrapack?
O GutenDraw – Visualize Ideas with Excalidraw in WordPress sai por R$ 14,90 na compra avulsa, e também está incluído nos planos de assinatura a partir de R$59/mês (VIP I).
O plugin GutenDraw – Visualize Ideas with Excalidraw in WordPress inclui atualizações?
Sim. A versão atual do GutenDraw – Visualize Ideas with Excalidraw in WordPress é a 1.3.1, publicada no Ultrapack em 23/11/2024. Assinantes atualizam direto do painel do WordPress com o UAU (Ultrapack Auto Updater).
O plugin GutenDraw – Visualize Ideas with Excalidraw in WordPress é seguro para baixar e instalar no meu WordPress?
Sim. Cada versão do GutenDraw – Visualize Ideas with Excalidraw in WordPress passa por varredura de malware (ClamAV e regras YARA, no UltraHub) antes de ser publicada.
Como instalar
Atualização automática: este item é atualizado pelo Ultrapack Auto Updater. Com ele instalado, a versão nova aparece no seu painel como qualquer outra atualização do WordPress (como configurar).
- Baixe o arquivo
elements-gutendraw-visualize-ideas-with-excalidraw.zip. - No painel do WordPress, vá em Plugins > Adicionar novo > Enviar plugin.
- Selecione o arquivo
elements-gutendraw-visualize-ideas-with-excalidraw.zipe clique em Instalar agora. - Clique em Ativar.
Travou em algum passo? Abra um chamado dizendo em qual deles parou.

UAU Ready