MonoSketch - Alat pembuatan diagram berbasis ASCII

 (monosketch.io)
17 poin oleh GN⁺ 2026-02-14 | 1 komentar | Bagikan ke WhatsApp
  • Aplikasi web client-only yang dapat mengubah ide menjadi desain visual hanya dengan teks
  • Proyek open-source yang ditulis dengan Kotlin lalu dikompilasi ke JS. Menggunakan SASS/Tailwind
  • Dapat mengekspresikan struktur kompleks atau diagram sistem dengan menggabungkan blok bentuk dasar seperti persegi panjang, garis, dan kotak teks
  • Melalui fitur pemformatan, karakter ASCII sederhana dapat diubah menjadi elemen visual dengan berbagai gaya
  • Alat yang memungkinkan pembuatan presentasi dan penjelasan visual tanpa PowerPoint atau Google Slides

Ikhtisar

  • MonoSketch adalah aplikasi untuk membuat sketsa dan diagram ASCII, alat untuk mengekspresikan ide secara visual
    • Melalui antarmuka berbasis teks, pengguna dapat menyusun diagram kompleks, struktur sistem, alur jaringan, dan lainnya dengan karakter ASCII
    • Dengan slogan “Unleash your ideas with ASCII”, alat ini memungkinkan perancangan visual hanya dengan teks sederhana

Komponen dasar

  • Menyediakan fitur menggambar dasar seperti Rectangle, Line, Text box
    • Mendukung berbagai gaya border, karakter isi, dan dekorasi panah
    • Sudut membulat untuk meningkatkan kualitas visual
  • Lingkungan interaktif yang berfokus pada fitur pengeditan
    • Kanvas tanpa batas dengan dukungan scroll bebas serta zoom in/out
    • Menyediakan autosave dan manajemen multi-proyek
    • Mendukung perintah edit standar seperti salin, potong, tempel, dan duplikasi
    • Manajemen layer dan smart snapping memungkinkan perataan bentuk yang presisi
    • Mendukung mode gelap
  • Fitur ekspor
    • Area pilihan atau seluruh diagram dapat langsung disalin sebagai teks
    • Dukungan shortcut: macOS Cmd + Shift + C, Windows/Linux Ctrl + Shift + C
  • Roadmap mendatang
    • Fitur grouping untuk mengelola bentuk dalam struktur kompleks
    • Paint tool untuk kurva bebas dan gambar berbasis karakter
    • Perluasan fitur kolaborasi seperti berbagi GitHub Gist dan memuat lewat URL

Aplikasi dan UI

  • Tersedia di web melalui app.monosketch.io
    • Termasuk mockup dengan elemen UI seperti kotak pencarian, tombol, workspace, dan panel yang diekspresikan dalam ASCII
    • Layar login dan formulir pendaftaran juga divisualisasikan dalam bentuk ASCII
  • Melalui fitur pembuatan presentasi, materi presentasi dapat disusun tanpa PowerPoint atau Google Slides

Stack teknologi dan lisensi

  • Seluruh aplikasi dibangun di atas Kotlin/JS (dikembangkan dengan Kotlin lalu dikompilasi ke JS)
  • Styling menggunakan SASS dan Tailwind CSS
  • Menggunakan sistem build Gradle (mendukung mode pengembangan hot reload)
  • Menyediakan opsi server pengembangan alternatif melalui Python 3.11+ dan Pipenv
  • Open-source dengan Apache License 2.0

Bacaan terkait

1 komentar

 
GN⁺ 2026-02-14
Komentar Hacker News

  • Saya memakai Monodraw
    Sejauh ini, itu adalah pembelian yang paling memuaskan yang pernah saya lakukan

    • Saya juga memakai Monodraw, dan ada satu hal yang disayangkan
      Sampai sekarang masih belum ada fitur menutup popup edit teks dengan tombol ESC
      Setiap kali saya menekan ESC, tidak ada respons, dan itu terasa menjengkelkan
      Saya sempat mencoba menambal binarinya sendiri, tetapi mekanisme pembaruannya jadi rusak, jadi saya menyerah
    • Setelah pindah dari Mac ke Windows, aplikasi yang paling saya rindukan adalah Monodraw
      Tapi alat baru ini terlihat seperti pengganti yang cukup bagus, jadi saya pasti akan mencobanya
    • Saat membuat diagram, coretan, atau menghias header file konfigurasi, sangat nyaman memakai kombinasi fig, kotak, bayangan, dan sebagainya
    • Bahkan setelah meninggalkan Mac, ini tetap salah satu aplikasi yang saya rindukan
    • Dulu saya sangat menyukai Monodraw di Mac
      Sekarang saya memakai Linux sebagai sistem utama, jadi saya sedang mencari aplikasi pengganti, dan alat yang saya lihat kali ini tampaknya alternatif terdekat yang pernah saya temukan sejauh ini

  • Alat serupa antara lain TextPaint, Archetype (archive), Textik, Asciiflow, Fsymbols Draw dan lainnya

    • Dan JavE juga jangan sampai dilupakan

  • Diagram rangkaian di header terlalu ceroboh, sampai terlihat seperti diagram rangkaian hasil AI yang keliru
    Gaya simbolnya tidak konsisten, tidak ada label pin, dan kapasitor di kiri atas dalam keadaan short

    • Masalahnya bukan hanya para ahli langsung menyadari kesalahan seperti ini, tetapi pemula bisa belajar dengan salah
      Jika belajar dari keadaan seperti ini, para profesional masa depan akan tumbuh di atas fondasi yang keliru
    • Saya tidak melihat bahwa kapasitornya short, tapi justru terkejut melihat garis pendeknya (biasanya kutub negatif) diberi tanda “+” lalu langsung dihubungkan ke GND

  • Saya ingin mengatakan sesuatu kepada orang-orang yang memakai kata ‘ASCII’
    Monosketch sebenarnya tidak hanya memakai ASCII
    Misalnya, ia menggunakan karakter Unicode seperti “◎” (U+25CE)

    • Meski begitu, di landing page tertulis besar-besar “Unleash your ideas with ASCII”, dan itu terasa agak lucu :-)
    • Secara historis, karakter untuk menggambar garis atau kotak ditambahkan pada Code page 437 di era IBM PC, jadi itu bukan ASCII yang sebenarnya
      Jika ingin menggambar kotak dengan ASCII sejati, Anda hanya bisa memakai | dan -

  • Jika Anda memakai Emacs, paket uniline cukup berguna

  • Markdeep juga bisa membuat diagram dengan ASCII art
    Ini adalah alat dengan tingkat kematangan yang cukup tinggi

  • Saya menyarankan untuk mengatur atribut spellcheck di HTML menjadi false
    Kalau tidak, label seperti “GND” dan “uF” akan mendapat garis bawah merah, yang cukup mengganggu dilihat

  • Graph-Easy pada dasarnya menghasilkan ASCII, tetapi juga mendukung berbagai format output seperti karakter kotak, SVG, PNG dan lain-lain
    Ini bukan WYSIWYG; strukturnya adalah Anda mendeskripsikan diagram dalam teks lalu hasilnya akan dibuatkan

  • Barusan saya mencoba membuat beberapa diagram sederhana dengan alat ini, dan ternyata mudah dipakai serta kualitas ekspornya juga bagus
    Namun ada beberapa hal yang akan bagus jika ditingkatkan

    1. Saat memindahkan persegi kecil, akan lebih baik jika umpan balik UI lebih jelas agar terasa sedang memindahkan, bukan memperbesar
    2. Jika membuka Monosketch di tab lain, tidak bisa membuat diagram baru secara bersamaan — tampaknya konteks dibagikan antar-tab

  • Sebagai aplikasi native untuk macOS, ada juga Monodraw

    • Tetapi Monodraw saat ini berada dalam mode maintenance dan berbayar
      Dilihat dari namanya, Monosketch tampaknya adalah pengganti yang jelas untuk itu