inscribed.app No paid content found

Sozi is a presentation tool that animates an SVG document rather than laying out slides on a canvas. You draw your content in a vector editor such as Inkscape, define a sequence of viewport frames over that drawing, and Sozi pans and zooms between them to produce the presentation. It suits non-linear, map-like, or diagram-based talks where you want to move around one large visual instead of advancing through discrete slides.

How Sozi's model differs from a slide editor

In a conventional slide tool, each slide is a separate page and transitions move you forward or backward. Sozi inverts that: the SVG document is the whole world, and each "slide" is a saved camera position on it.

• The document is the stage. Everything lives in one SVG file, so a diagram, map, or illustration can be arbitrarily large.
• A slide is a viewport frame. You place a frame around the region you want the audience to see; Sozi animates the camera from one frame to the next.
• Motion is spatial, not sequential. Because frames are just positions, you can jump between distant regions, revisit a detail, or build a route through the drawing.

This is why Sozi is often described as adding pan-and-zoom animation to SVG rather than as a slide editor.

The SVG workflow

The practical loop is: create the artwork, then define the presentation over it.

1. Draw in a vector editor. Inkscape is the natural companion because it edits SVG natively and Sozi's frames are stored inside the SVG document itself.
2. Add viewport frames. Each frame marks a region of the drawing that becomes one step of the presentation.
3. Order and present. Sozi plays the frames as an animated sequence, moving and scaling the view between them.

Because the presentation data lives in the SVG, the file stays portable and editable with standard vector tools.

Where Sozi fits

Sozi is a good match when your content is inherently spatial:

• A large diagram you want to explore piece by piece
• A map or floor plan where you zoom into locations
• An illustrated process where the camera follows a path
• A non-linear talk where you return to an overview between points

If your content is mostly text and bullet lists, a conventional slide tool will usually be faster.

Getting started

The project publishes release announcements on its site, and a Sozi Guide has been written to teach the tool. Start from the current release and the guide, then experiment with a small SVG to see how frames map to presentation steps.

• Check the latest release announcement for the current version.
• Follow the Sozi Guide for a structured introduction.
• Build a test SVG with two or three frames to understand the camera behavior before committing a full deck.

Inscribed is a browser-based creative tool for turning Excalidraw sketches into stop-motion animations and slide presentations. You draw your ideas as a sequence of frames, then play them back as motion or step through them as slides. It fits people who already like sketching with Excalidraw and want to present or share that work as animation rather than a static image or a conventional slide deck. If you need precise vector editing or a full presentation suite, it is not a replacement for those tools.

The Excalidraw-based sketching workflow

Inscribed builds on Excalidraw's hand-drawn visual style. Instead of starting from a blank canvas with unfamiliar tools, you sketch in the same loose, sketchy aesthetic that Excalidraw produces.

The core idea is frame-based drawing:

• You create a sketch, then make another version of it with small changes.
• Each version becomes a frame in a sequence.
• Playing the frames in order produces motion, the same principle behind traditional stop-motion animation.

This means the animation quality depends on how you break a movement or idea into incremental steps. Small, consistent changes between frames read as smooth motion; large jumps read as a slideshow or a flicker.

How stop-motion animation is produced

Stop-motion here is not automatic interpolation. The tool does not tween your lines for you. You supply the in-between states by drawing them.

A practical sequence looks like this:

1. Draw the starting state of your idea.
2. Duplicate or redraw it with one small change (a line moves, a shape appears, a label changes).
3. Repeat until the motion or reveal is complete.
4. Play the frames back to check timing and readability.

Because each frame is a drawing, you control the pacing by how many frames you use and how much changes between them. Fewer frames with bigger changes feel snappier and more like a slideshow; more frames with subtle changes feel more like animation.

Creating slides and presentations

The same frame sequence doubles as a slide deck. Where an animation plays frames continuously, a presentation steps through them one at a time.

This is useful when you want to:

• Reveal a diagram piece by piece while talking.
• Show a process as a series of drawn states.
• Keep the informal, sketched look of Excalidraw in a live or shared presentation.

The distinction from a normal slide tool is the visual language: everything carries the hand-drawn Excalidraw style rather than polished templates, and the content is drawing-first rather than text-box-first.

Exporting as GIF or iframe

Inscribed exports your work in two main forms:

The GIF is the simplest way to circulate a finished animation, since it plays anywhere images are supported. The iframe is the option when you want the animation to live inside a web page and stay interactive or embedded rather than flattened into an image file.

Where you can embed or share the results

Because the outputs are a GIF and an iframe, they fit wherever those formats work:

• GIF: messaging apps, documentation, README files, blog posts, social media.
• iframe: personal sites, project pages, internal wikis, or any page where you can paste embed code.

The iframe route keeps the animation as a live embed rather than a downloaded file, which is convenient for updating a page without re-uploading an image.

How it differs from a general sketching tool or static deck

A general sketching tool helps you draw a single image. A static slide deck helps you arrange text and images on pages. Inscribed sits between them:

• From sketching tools, it takes the freehand, Excalidraw-style drawing.
• From presentation tools, it takes the idea of stepping through content in order.
• It adds the stop-motion layer, where a sequence of drawings becomes motion.

So the deciding question is whether your idea is better shown as movement over time. If a single sketch or a text-heavy deck communicates it fine, a general tool is enough. If the idea involves a process, a transformation, or a build-up that benefits from being drawn step by step, Inscribed's frame-based approach is the reason to use it.

A sketching tool is lightweight software built for fast, rough idea capture rather than polished artwork. You reach for one when the goal is to get a thought out of your head and onto a screen in seconds — a wireframe, a diagram, a storyboard panel — and you don't want to fight a full drawing application to do it. If you need print-ready vector art or frame-by-frame animation with fine control, a sketching tool is usually the wrong choice.

What separates a sketching tool from a drawing app

The difference is friction, not features. A sketching tool optimizes for the first 30 seconds of an idea; a full editor optimizes for the last 30 minutes of refinement.

A sketching tool that deliberately keeps strokes loose isn't broken — the roughness signals "this is a draft" and invites feedback instead of nitpicking.

Common use cases

• Wireframes and UI drafts — block out screens before committing to a design system.
• Storyboards — sequence shots or user flows panel by panel.
• Diagrams — explain an architecture or process without opening a dedicated diagramming suite.
• Early concept drafts — explore several directions cheaply, then discard most of them.

The common thread: the artifact is disposable. You're buying thinking speed, not a deliverable.

Sharing and export

Sketching tools increasingly treat sharing as a first-class feature rather than an afterthought. Inscribed, for example, is built on Excalidraw-style sketching and lets you create stop motion animations and slides from your drawings, then export as GIF or as an embeddable iframe so the result can live in a doc, site, or slide deck. That matters because a sketch nobody can see is a sketch that doesn't get discussed.

When comparing tools, check what happens after you draw:

• Can you export a static image, or only a live link?
• Is there an animated or slide format if you need to show a sequence?
• Can you embed the result somewhere else, or is it locked to the tool?

How to choose

Work through these in order:

1. Define the output. A single rough diagram needs almost nothing. A sequence of frames that plays back needs animation or slide support.
2. Check the export path. If the sketch has to end up in a deck, a doc, or a website, confirm the tool exports GIF, iframe, or a comparable format before you invest time drawing.
3. Test the friction. Open the tool and try to draw one shape and share it. If that takes more than a minute, it's probably a drawing app wearing a sketching label.
4. Match the tool to the stage. Use a sketching tool early; switch to a vector editor or animation app once the idea is locked and needs polish.

If your work is mostly "think out loud, then show someone," a sketching tool with built-in animation and embeddable export covers the whole loop. If your work is "produce a final asset," start sketching elsewhere and finish in a dedicated editor.

Inkscape is a professional vector graphics editor for Linux, macOS, and Windows that stores drawings as SVG (Scalable Vector Graphics). You draw by creating and editing objects defined by paths, shapes, and mathematical coordinates rather than pixels, so your artwork can be resized without losing quality. This guide covers the core workflow: setting up a document, drawing with shapes and the pen tool, editing nodes, managing fills, strokes, and layers, and exporting your work.

Vector vs. raster drawing

A raster image (like a photo or a PNG) is a grid of colored pixels. Enlarging it too far reveals those pixels as blur or blocky edges. A vector drawing describes shapes mathematically — a circle is stored as a center point and a radius, not as a pattern of dots — so it stays sharp at any size.

That difference shapes how you work in Inkscape:

• Objects, not paint. You place and transform discrete objects (rectangles, paths, text) instead of brushing pixels.
• Editable at any time. You can return to a shape later and change its size, color, or curve.
• Resolution-independent output. The same file can produce a small icon or a large poster.

Vector graphics suit logos, icons, diagrams, illustrations, posters, and anything that needs clean edges or repeated resizing. Raster graphics remain the better choice for photographs and painterly textures.

Setting up a new document

1. Open Inkscape and choose File > New (or start from a template if one fits your output).
2. Open File > Document Properties to set the page size and orientation. Match this to your intended output — for example, A4 for a printable poster or a square canvas for an icon.
3. Decide on units (px, mm, in) in the same dialog so your measurements stay consistent.
4. Save early with File > Save As and keep the .svg format. SVG is Inkscape's native format and preserves all editable objects.

A useful habit: set the document size before drawing, because changing it later can shift how your composition sits on the page.

Core drawing tools

Inkscape gives you two broad approaches — draw a predefined shape, or draw a path point by point.

Shapes

The shape tools create objects you can still adjust parametrically:

• Rectangle — drag to draw; use the tool controls to set exact width, height, and corner rounding.
• Ellipse/Circle — drag for an ellipse, or hold Ctrl to constrain to a circle.
• Star/Polygon — set the number of points or sides and the spoke ratio.
• 3D Box — build simple perspective boxes.

Because these stay parametric, you can select a rectangle later and change its corner radius without redrawing it.

Pen and Bezier

The Pen (Bezier) tool draws paths directly:

• Click to place straight-line corner nodes.
• Click and drag to pull out curve handles, creating smooth curves.
• Press Enter to finish an open path, or close it by clicking the first node.

This is the tool for custom outlines — a logo mark, a map boundary, a hand-drawn silhouette.

Pencil (freehand)

The Pencil tool draws freehand paths. You can smooth the result afterward, which makes it useful for quick sketching that you then clean up.

Editing nodes and paths

Once a path exists, the Node tool is where precision happens. Select a path and you can:

• Move nodes to reshape the outline.
• Add or delete nodes to control how much detail a curve carries.
• Convert between corner and smooth nodes to switch between sharp angles and flowing curves.
• Adjust handles to change a curve's direction and tension.

A practical rule: use as few nodes as the shape allows. Fewer, well-placed nodes produce cleaner curves and smaller files than many nodes nudged into place.

You can also combine and modify paths with operations like Path > Union, Difference, and Combine, which merge or subtract shapes to build complex forms from simple ones.

Fills, strokes, and layers

Every object has a fill (its interior) and a stroke (its outline). The Fill and Stroke panel controls both:

• Fill: flat color, gradient, or pattern; plus opacity.
• Stroke: color, width, and style such as dashes and caps.
• The Ctrl+Shift+F shortcut opens this panel directly.

Layers (via the Layer menu) let you separate parts of a drawing — background, main artwork, annotations — and lock or hide each independently. This keeps complex drawings manageable and lets you work on one element without accidentally selecting others.

Exporting your drawing

Inkscape's native save format is SVG, which keeps everything editable. When you need a different format:

• File > Save As and choose SVG to keep the working file.
• File > Export (or Export As) to produce a PNG at a chosen pixel size or DPI, or to export a selected area only.

For print or further editing elsewhere, keep the SVG as your master and export PNG copies as needed. Exporting a PNG at a higher DPI gives you a larger raster version, but the SVG remains the source of truth.

Common sticking points

• "My lines look jagged." You may be zoomed in on a raster preview; vector paths stay smooth. Check the actual path, not the screen rendering.
• "I can't select what I want." Another object or layer may be on top or locked. Check the layer panel and object order.
• "The file got huge." Excessive nodes or embedded raster images inflate SVG size. Simplify paths and link rather than embed large images where possible.
• "Nothing is editable." If you imported a raster image, it stays a bitmap inside the document — you can move and scale it, but not edit its pixels as vectors.

Where to go next

Start with one small project — an icon or a simple diagram — and use only shapes plus the node tool. Once that feels natural, add the pen tool for custom curves and gradients for depth. The Inkscape project publishes documentation and tutorials on inkscape.org, and the software runs on Linux, macOS, and Windows desktops.

An animated drawing tool with a line boil effect is a drawing program that makes your strokes wobble or shimmer slightly, frame after frame, instead of sitting perfectly still. The effect mimics the natural jitter of hand-drawn animation, where no two frames trace exactly the same line. Sora's FizzPaint is a browser-based example: it offers a Solo mode for drawing on your own and a Live mode where multiple people draw on the same canvas in real time, and it states that no account is needed.

What the line boil effect actually does

In traditional animation, "boil" (sometimes called "line boil" or "shimmer") is the small, constant movement you see when an artist redraws the same line by hand on every frame. The line never lands in precisely the same place, so it appears to vibrate or breathe. It reads as lively and organic rather than mechanical.

A digital tool with a line boil effect recreates that instability automatically. Instead of you redrawing each frame, the tool perturbs your strokes so they shift slightly over time. The result is a hand-drawn feel without the labor of tracing every frame.

Why animators use it:

• Organic texture — a static digital line can look sterile; boil adds life.
• Consistency with hand-drawn work — if part of your animation is drawn on paper, boil helps digital elements match.
• Stylistic choice — some styles (sketchy, loose, "fizzy") depend on visible line movement.

The trade-off is control: too much boil looks noisy or distracting, so the useful skill is dialing the effect to a level that reads as intentional.

Starting in Solo mode

Solo mode is the single-player path: you draw on your own canvas without needing to coordinate with anyone else. Based on the tool's own description, no account is required to use it.

A practical way to begin:

1. Open the tool in your browser and choose Solo mode.
2. Pick a brush and draw a simple shape — a circle or a short line.
3. Watch the stroke over time. With a boil effect, the line should shift or shimmer rather than stay fixed. This is the core behavior to confirm before you invest time in a drawing.
4. Adjust the effect until the movement feels right for your style. Start subtle; increase only if you want a more agitated look.
5. Add FX to see how effects interact with your strokes. The tool lists "FX" among its features, so treat this as the layer where you experiment with how the boil and other effects combine.
6. Redraw or refine as you would in any drawing app — the boil is applied to your strokes, not a replacement for drawing them.

Expected result: a drawing whose lines carry a slight, continuous wobble rather than a clean vector edge.

Common snag: if the boil is too strong, the drawing can look unstable or hard to read. Reduce the effect before adding more detail.

How Live mode collaboration works

Live mode is the collaborative path. Per the tool's description, everyone draws on the same canvas in real time, and no account is needed.

What that means in practice:

• Shared canvas — you and other participants see and edit the same drawing surface simultaneously.
• Real-time updates — strokes appear for others as they're made, not after a save or refresh.
• No sign-up barrier — because no account is required, joining is a matter of opening the tool and entering Live mode rather than creating a profile.

When Live mode is a good fit:

Practical caution: on a shared canvas, anyone in the session can draw over your work. If you need a clean final image, Solo mode gives you sole control.

Brush and FX basics

The tool lists brush and FX as core features. Treat them as two layers of the same workflow:

• Brush controls the mark you make — the stroke itself.
• FX controls what happens to that mark afterward, including the animated, fizzy quality the tool is named for.

A useful habit: draw a test stroke, apply an effect, and observe how the line behaves over time before committing to a full drawing. Because the defining feature is movement, judging a stroke from a single still frame won't tell you much — you need to watch it.

When to choose a browser-based animated drawing tool

Choose this kind of tool when:

• You want a line boil or hand-drawn wobble without frame-by-frame redrawing.
• You want to draw collaboratively in real time on one canvas.
• You want to start without creating an account, as this tool states is possible.
• You're working in a browser and don't want to install desktop animation software.

Look elsewhere when:

• You need precise, stable vector lines for technical or production work.
• You need frame-by-frame control over every line rather than an automatic effect.
• You need version history or locked layers — a shared real-time canvas is not built for that.

The simplest way to decide is to test one stroke: draw a line, watch whether the boil effect matches the look you're after, then try Live mode if you want others drawing alongside you.