Building CodePic — a hand-drawn whiteboard with AI diagram generation.

zx tang  • Peerlist

CodePic is a browser-based hand-drawn style infinite whiteboard for developers who think visually.Draw freely on an unbounded canvas: flowcharts, system architecture, ER diagrams, wireframes, mind maps, sequence diagrams, sticky notes, and more. Everything renders in a warm Excalidraw-style hand-drawn look that makes even serious technical diagrams feel approachable.What makes it different:• 80+ ready-to-use templates — skip the blank canvas• AI diagram generation via MCP — works with Cursor, Claude Desktop, Windsurf. Ask your AI to "draw a service architecture with a load balancer and 3 servers" and it just appears on the canvas• Smart connectors — lines auto-route and stay attached when you move shapes• Frames &amp; pages — organize large boards into named sections• Export PNG / SVG / JSON — drop diagrams straight into READMEs and docs• Public share links — no signup required to view• 100% browser-based, free with no watermarkBuilt for engineers sketching systems, PMs mapping flows, and anyone tired of fighting heavyweight diagram tools.Try it: <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://codepic.cc">https://codepic.cc</a>Templates: <a target="_blank" rel="noopener noreferrer nofollow ugc" class="break-all link-break text-gray-500 hover:underline" href="https://codepic.cc/templates">https://codepic.cc/templates</a>