MonoSketch - ferramenta de criação de diagramas baseada em ASCII

 (monosketch.io)
17 pontos por GN⁺ 2026-02-14 | 1 comentários | Compartilhar no WhatsApp
  • Um aplicativo web client-only que permite transformar ideias em projetos visuais usando apenas texto
  • Open source escrito em Kotlin e depois compilado para JS. Usa SASS/Tailwind
  • Permite representar estruturas complexas ou diagramas de sistemas combinando blocos básicos de formas como retângulos, linhas e caixas de texto
  • Por meio de recursos de formatação, converte caracteres ASCII simples em elementos visuais com vários estilos
  • Uma ferramenta que possibilita criar apresentações e explicações visuais sem PowerPoint ou Google Slides

Visão geral

  • MonoSketch é um app de criação de esboços e diagramas em ASCII, uma ferramenta para expressar ideias visualmente
    • Por meio de uma interface baseada em texto, permite compor diagramas complexos, estruturas de sistemas, fluxos de rede etc. com caracteres ASCII
    • Sob o slogan “Unleash your ideas with ASCII”, torna possível fazer projetos visuais mesmo com texto simples

Componentes básicos

  • Oferece funções básicas de desenho como Rectangle, Line, Text box
    • Suporta vários estilos de borda, caracteres de preenchimento e decorações de seta
    • Melhora o acabamento visual com cantos arredondados
  • Ambiente interativo com foco em recursos de edição
    • Suporta rolagem livre e zoom com um canvas infinito
    • Oferece salvamento automático e gerenciamento de múltiplos projetos
    • Suporta comandos de edição padrão como copiar, recortar, colar e duplicar
    • Permite alinhamento preciso de formas com gerenciamento de camadas e smart snapping
    • Suporte a modo escuro
  • Recursos de exportação
    • Copia instantaneamente para texto a área selecionada ou o diagrama inteiro
    • Suporte a atalhos: macOS Cmd + Shift + C, Windows/Linux Ctrl + Shift + C
  • Roadmap futuro
    • Recurso de agrupamento para gerenciar formas em estruturas complexas
    • Ferramenta de pintura para curvas livres e desenho baseado em caracteres
    • Expansão planejada de recursos colaborativos como compartilhamento via GitHub Gist e carregamento por URL

Aplicação e UI

  • Disponível na web em app.monosketch.io
    • Inclui mockups com elementos de UI como barra de busca, botões, workspace e painéis representados em ASCII
    • Também visualiza telas de login e formulários de cadastro em ASCII
  • O recurso de criação de apresentações permite montar materiais de apresentação mesmo sem PowerPoint ou Google Slides

Stack técnica e licença

  • Aplicação inteira implementada com base em Kotlin/JS (desenvolvida em Kotlin e compilada para JS)
  • Estilização com SASS e Tailwind CSS
  • Uso do sistema de build Gradle (com suporte a modo de desenvolvimento com hot reload)
  • Opção alternativa de servidor de desenvolvimento com Python 3.11+ e Pipenv
  • Open source sob a Apache License 2.0

Leituras relacionadas

1 comentários

 
GN⁺ 2026-02-14
Comentários do Hacker News

  • Eu uso o Monodraw
    Foi de longe a compra mais satisfatória que já fiz

    • Eu também uso o Monodraw, mas tem uma coisa que me incomoda
      Ainda não existe a função de fechar o pop-up de edição de texto com a tecla ESC
      Toda vez eu aperto ESC, mas nada acontece, e isso é frustrante
      Tentei até fazer patch no binário por conta própria, mas o mecanismo de atualização quebrou, então desisti
    • Depois que migrei do Mac para o Windows, o Monodraw foi o app de que mais senti falta
      Mas essa nova ferramenta parece ser um substituto bem decente, então com certeza pretendo testar
    • Era muito prático combinar fig com caixas, sombras etc. para fazer diagramas, rabiscos ou decorar cabeçalhos de arquivos de configuração
    • Mesmo depois de abandonar o Mac, continua sendo um dos apps de que sinto falta
    • Antigamente eu adorava o Monodraw no Mac
      Agora uso Linux como sistema principal e estava procurando um substituto; essa ferramenta que apareceu agora parece ser a alternativa mais próxima que vi até hoje

  • Ferramentas parecidas incluem TextPaint, Archetype (archive), Textik, Asciiflow, Fsymbols Draw etc.

    • E não dá para esquecer do JavE também

  • O diagrama de circuito no cabeçalho está tão malfeito que parece um circuito gerado por IA errado
    O estilo dos símbolos é inconsistente, não há rótulos nos pinos, e o capacitor no canto superior esquerdo está em curto

    • O problema não é que especialistas percebem esses erros na hora, e sim que iniciantes aprendem errado
      Se aprenderem assim, os especialistas do futuro vão crescer sobre uma base equivocada
    • Eu não tinha percebido que o capacitor estava em curto; o que me chamou atenção foi marcarem o terminal curto (normalmente o negativo) com “+” e ligarem direto ao GND

  • Queria dizer uma coisa para quem usa a palavra “ASCII”
    Na prática, o Monosketch não usa só ASCII
    Por exemplo, ele usa caracteres Unicode como “◎” (U+25CE)

    • Mesmo assim, achei engraçado que a landing page diga em letras garrafais “Unleash your ideas with ASCII” :-)
    • Historicamente, os caracteres para desenhar linhas e caixas foram adicionados no Code page 437 da era do IBM PC, então não são ASCII de verdade
      Para desenhar caixas em ASCII de verdade, só dá para usar | e -

  • Se você usa Emacs, o pacote uniline é bem útil

  • O Markdeep também consegue desenhar diagramas com arte ASCII
    É uma ferramenta com ótimo nível de acabamento

  • Recomendo definir o atributo spellcheck como false no HTML
    Caso contrário, rótulos como “GND” e “uF” ficam com sublinhado vermelho, o que atrapalha visualmente

  • O Graph-Easy gera ASCII por padrão, mas também suporta vários formatos de saída, como caracteres de caixa, SVG e PNG
    Não é no estilo WYSIWYG; você descreve o diagrama em texto, e ele gera o resultado

  • Acabei de fazer alguns diagramas simples com essa ferramenta, e ela é fácil de usar, além de ter boa qualidade de exportação
    Mas há alguns pontos que seria bom melhorar

    1. Ao mover retângulos pequenos, seria bom que o feedback da UI deixasse mais claro quando a ação é mover, e não dar zoom
    2. Se você abrir o Monosketch em outra aba, não dá para criar um novo diagrama ao mesmo tempo — parece que o contexto é compartilhado entre as abas

  • Também existe o Monodraw como app nativo para macOS

    • Mas o Monodraw está atualmente em modo de manutenção e é pago
      Pelo nome, o Monosketch parece ser mesmo o substituto óbvio