Launching today
GraphPaper
browser based graphpaper canvas for delightful sketching
17 followers
browser based graphpaper canvas for delightful sketching
17 followers
GraphPaper is a free browser based graphpaper canvas for sketching diagrams, geometry, and notes, with grid snapping, shapes, curves, arrows, and fills. Also a half-decent SVG editor: import, edit, and export SVG. No sign-up.
How does the SVG export handle complex paths or groups, and is there any plan to add layering or grouping features to make editing larger diagrams easier?
@remzidarbadyy9 SVG is actually a superset of what you can create in Graphpaper, so the export is quite tidy and no information is lost. Importing an SVG simply renders it directly on the page, but you can also convert it into native Graphpaper shapes, which is a bit lossy. Lots of SVG features are approximated in the conversion logic.
There is a layers feature top left: toggle visibility, reorder, lock. Drawings on different layers don't bisect on intersections.
I'd love to build a grouping feature; great idea.
Does the grid snapping stay consistent when I zoom in and out, or does it get weird at higher zoom levels? Also curious if there's any way to share a canvas with someone for live collaboration.
@salimyalnlqvec The snapping math does change depending on your zoom. Finer edits can be made while zoomed in. Which does make it difficult to draw/drag accurately while zoomed out; it's something I'm working on.
You can absolutely open a canvas for collaboration: press Share > Collaborate live...
Love that it runs in the browser with no sign-up, and the grid snapping is really handy for geometry work. One thing I'd love to see is keyboard shortcuts for the shape tools (rectangle, circle, line) so I can sketch without breaking flow to click the toolbar every time.
@muammer1168425 The shortcuts do exist, but I agree, there are probably too difficult to discover. Let me think about that.
How well does the grid snapping hold up when you're zoomed in pretty far and working on detailed geometry?
@urbay15861 The grid shows 8 different levels of granularity depending on your zoom so you can work on very small and detailed geometry.
Snapping to the grid while sketching a quick flow diagram felt really natural, and being able to import an SVG and tweak it without signing up is a nice bonus.
@yasinafvu Thanks for the feedback. I've been using it as a svg editor too. In fact Graphpaper's own svg assets are created in Graphpaper.
The no-sign-up, just-open-it approach feels refreshingly honest, and grid snapping actually snapping feels like a small miracle after years of fighting Illustrator's stubborn guides.
Love that this works right in the browser with no sign-up. One thing that would make it way more useful for me: let me lock certain shapes or layers so I can build up a diagram without accidentally moving the stuff underneath while I'm still tweaking other parts.