SketchSketchv1.4
Core Capabilities

Out of the box features

Deep engineering primitives built for architecture diagramming — from steganographic PNGs and private client-side encryption to multi-page vector exports.

CANVAS NAVIGATION & FAST-TRAVEL
Visual Deck & Teleport

Camera teleport bookmarks & visual fast-travel deck

Bookmark crucial canvas viewports into 9 visual slots. Open the Apple-style fast-travel deck modal or hit Alt+1..9 to glide smoothly across large architecture diagrams with cubic ease-out camera teleportation.

Slot 1 • Auth Service (100% zoom)Client AppNext.js :3000Auth GatewayOAuth2 / JWTusersid uuid PKemail textcreated_atSlot 2 • Payment Pipeline (85% zoom)Payment EventQStash / KafkaStripe WorkerWebhook & Retryledgertx_id uuid PKamount intstatus enum100%✋Slot 1
ARCHITECTURE & TECH STENCILS
675+ Stencils & @mentions

Inline @stencil mentions & autocomplete engine

Type '@' followed by any keyword directly inside any text box or shape (e.g. '@resend', '@postgres', '@redis') to summon a floating fuzzy-search popover. Navigate with arrow keys and hit Enter to instantly swap the query into a production architecture vector stencil.

ARCHITECTURE & ANALYSIS
Topological X-Ray

Topological Dependency X-Ray Focus Mode

Select any service, database, or component and press 'X' to dim unrelated background elements to 14% opacity. Traces connected upstream callers and downstream dependencies with 1-Hop and Full-Chain depth expansion while dimming isolated nodes.

1-Hop FocusFull ChainKey 'X' · Dock Button · BFS TraversalX-Ray (1-Hop)1 Up1 DownFull (X)UPSTREAM CALLERService AAuth / IngestionFOCAL (SELECTED)API GatewayReverse Proxy :443DOWNSTREAMPostgreSQL DBPrimary Store :5432Redis CacheDimmed (Hop 2)Analytics SinkUnconnected (14%)
FILE FORMAT
PNG metadata

Editable PNG exports

Save a complete Sketch scene inside a standard PNG. Reopen it later and continue editing shapes, connectors and canvas objects.

PNGSketch — WhiteboardEmbedded scene dataShapes · Connectors · Canvas
TERMINAL & CODE EXPORT
ASCII / Unicode

Monospace ASCII & Unicode box art

Export whiteboard shapes, arrows, and tables into monospace-aligned Unicode or strict 7-bit ASCII box art for GitHub PRs, markdown READMEs, and codebase architecture comments.

ClientAPIGatewayDatabasebox-art.txtASCIIClientGatewayDatabaseCopied to clipboard
TACTILE CONNECTOR FLOWS
Zero-Click Wire Splice

Drop-on-wire insertion & shake-to-detach

Drop any shape or stencil directly onto an active connector to automatically splice it in with auto-spacing. Shake a node 3 times to detach and heal the wire back into a continuous line.

Web Appport: 3000Databasepostgres: 5432Rediscache: 6379Direct connector between services⚡ Auto-Spliced Wire into 2 Bound RoutesShake 3x to Detach & Auto-HealDrop to splice • Shake to heal wire
DOCUMENT EXPORT
Vector PDF

Multi-page vector PDF

Export selected frames as crisp vector pages, with precise layout and print-ready A4 or Letter sizing.

Canvas (Frames)Frame 1Frame 2Frame 3Frame 4PDFVector (Multi-page)A4 / Letter · Pages 1-4
TYPOGRAPHY & TEXT CARDS
Fluid Text Reflow

Responsive text auto-wrap & handle reflow

Side handles adjust box width and dynamically reflow lines at constant font size, while corner handles scale typography. Long pasted text auto-caps into a 650px card with preserved paragraphs.

Enterprise AI Architecture BlueprintThe most effective way to eliminate friction is local-firstexecution with zero telemetry and instant responsiveness.1. Side handles: Width reflow only (constant font size)2. Paste threshold: Auto-caps at 650px max width card3. Corner handles: Proportional font scaleThe most effective way toeliminate friction is local-firstexecution with zero telemetryand instant responsiveness.1. Side handles: Width reflow only2. Paste threshold: Caps at 650px3. Height stretches downwards4. Text reflows cleanly without scaling↔ 650px↔ 420px↔ Side handles: Width reflow only⤡ Corners: Proportional font scale
INGESTION & SMART PASTE
cURL & JSON Engine

Clipboard Smart Paste for cURL & JSON

Paste terminal cURL commands to instantly synthesize visual API request flows, or JSON data to generate type-inferred relational tables. Includes an instant 1-click fallback to our 650px text card.

cURL FlowJSON TableZero-shortcut · Plain Ctrl+VcURL command$ curl -X POST \api.stripe.com/charges-H "Bearer sk_***"-d '{  "usd": 2000}'Ctrl + VSmart Diagram📄 Paste as plain text (650px)✕ClientCallerPOSTapi.stripe.com/v1/chargesPAYLOAD & HEADERS• Bearer *** (Masked)• { "usd": 2000 }
ARCHITECTURE & DATA
Native Entity

Interactive database schema modeling

Model database tables as first-class whiteboard entities with typed columns, key badges, and automatic type coloring.

usersPKiduuidemailvarcharcreated_attimestamp...ordersPKiduuidFKuser_iduuidtotal_amtnumeric...
CANVAS UX & WORKFLOW
Collision-Free

Conflict-free smart canvas ingestion

Drop or paste templates without overwriting your active workspace. Detects the canvas perimeter and appends new content safely below (currentMaxY + 80px).

EXISTING CANVAS WORKSPACE (ACTIVE DRAWING)currentMaxY + 80pxAPPENDING TEMPLATE / DROPPED SCENE (ZERO OVERLAP)
SECURITY & OPEN STANDARDS
Zero-Trust Schema

Portable .sketch files, without lock-in

Your whiteboard data stays in a clean, version-controlled JSON (.sketch). It's sanitized with DOMPurify and a strict schema to prevent XSS and keep files safe and portable.

.sketch FilePlaintext JSONDOMPurifySanitize HTMLAllowlist onlyRemove unsafeSafe CanvasClean & PortableNo Lock-In