Vector Graphics & Drawing
Professional vector drawing on every surface — sketch, snap to perfect shapes, and export clean SVG.
Circuitry's drawing tools power the Designer, notebooks, and annotations on any canvas. Draw freehand or with precision tools, and let shape recognition turn rough sketches into exact geometry.
Drawing tools
- Five drawing implements — a fountain-style pen, pencil, ballpoint, marker, and highlighter — for freehand work, plus a smoothing control that refines strokes after you've drawn them.
- Shape pen — rectangle, ellipse, polygon, and more — including an auto-recognition mode that snaps a rough sketch to perfect geometry.
- Write pen — handwrite and it becomes real text, or switch it to a type mode for the regular text tool.
- Arrow — drag once for a straight line with an arrowhead; pick the end-cap style you want.
- Fill with solid colors or gradients.
- Text and text-on-path — type, then flow text along any curve.
- Icons and stamps for reusable marks.
- Eraser and select — select by rectangle, lasso, or brush — with transform and perspective warp.
Images and clipping
Drop an image onto any drawing surface, generate one with AI, or paste one from your clipboard — it becomes an object you can move, scale, rotate, and clip. With an image selected, the Edit menu offers two ways to cut it down:
- Clip Transparent Pixels — trims the transparent border away in one step, leaving the picture tight against its own edges. This is the natural follow-up to removing a background: the object's boundary stops being the original rectangle and hugs the subject instead. Works on several selected images at once.
- Clip Image — turns the selection handles amber and switches them from scale to clip. Drag any edge or corner and the image is cut smaller instead of being squashed; the part you keep stays exactly where it was, at its original size. Press Esc, click away, or pick another tool to leave clipping.
Two shortcuts get you there without the menu, both on the Alt key (Option on a Mac): hold ⌥ and drag any handle on a selected image to clip it straight away, or press ⌥C to turn clipping on and off.
Clipping is not destructive while you work: for the rest of the session you can re-open Clip Image and drag the handles back out to bring hidden pixels back. When the document is saved it keeps the clipped picture only — so a clipped image makes the file smaller, and the trimmed pixels are gone for good once you reopen it. Because the saved image really is clipped, its boundary is what everything else uses: selection, snapping, export, and conversion to HTML all see the clipped shape.
Make it precise
- Vertex editing — adjust individual points on any path.
- Curve optimization — smooth hand-drawn strokes with intelligent point reduction.
- Rulers and alignment guides with snapping for pixel-perfect placement.
- Layers — organize, reorder, set opacity, and toggle visibility.
Styling what you draw
Select an object and the Style panel on the right edge holds everything about how it looks: thickness, stroke and fill colour (solid or gradient), opacity, corner radius, dashes and line ends and corners, arrowheads, shadow, glow, blur and 3D. On a board it's a slim tab that slides in with the selection; in the Designer it's a tab of the right-hand dock beside Screens and Layers. See The Style Panel.
Apple Pencil
Pressure-sensitive input with high-resolution capture for natural, accurate strokes. See Apple Pencil High-Resolution Capture.
Export
Export finished work as SVG (dashes, ends and corners included) or PNG — or convert drawings into real HTML and code inside Designer.