我打造了自己的绘图工具

Source: Dev.to

Introduction

Terry Davis 说得有道理。虽然在 2025 年用这句话开头并不是最舒服的选择，但这个想法仍然值得记住：如果你在不理解工具的情况下依赖它们，你其实并没有真正拥有自己的工作。

我多年来一直在使用 Draw.io 和 Excalidraw——这些都是很棒的工具。然而每当我需要解释一个架构、绘制一个流程，或在通话中快速分享一个图表时，我总是发现自己在与工具“搏斗”，而不是在思考。

于是我创建了 Markasso。这个名字很直白：Marker（标记）+ Picasso（毕加索）。它是一个基于浏览器的白板引擎，从零开始构建——没有依赖、没有框架、没有运行时。仅使用 Canvas API，并坚持键盘优先的理念。

Why build it from scratch?

• Full control – 我想了解每一行代码。
• Design constraint – “零依赖”并不是一种性能技巧；它迫使代码保持清晰。当你不能随手引用库时，你必须更加用心思考。
• Result – 更轻量、更快速、完全属于你自己的工具。

理解你在构建的东西并不意味着必须独自完成所有工作。整个过程我都使用 Claude 作为 AI 助手——帮助做架构决策、代码审查以及处理边缘案例。Lorenzo Cataldi（github.com/lc-d）在视觉设计方面提供了帮助。重点不是成为孤胆英雄，而是对每一个决定保持掌控，即使这些决定是委托出去的。

What Markasso does

• Keyboard‑first navigation and shortcuts（完整文档）
• Mermaid diagram support 开箱即用
• Custom export/import format，可以在会话之间迁移你的工作
• Dark theme by default（二十多年对屏幕的折磨让人习惯了暗色）
• No profiling, no tracking — 仅使用 Cloudflare 进行分析和 CI/CD

Who is it for?

• 需要白板进行系统设计、架构评审或在通话中解释概念的开发者。
• 想在暗色页面上绘图且不想先登录任何平台的任何人。

它还很年轻，可能会出错。但它拥有潜力。

Try it

markasso.it

试一试，弄坏它，然后告诉我哪里有问题。欢迎提交任何报告、投诉或评论。