desigma

Features

Desigma Decks

Create a presentation with File → New deck. Decks use editable 16:9 frames with slide thumbnails, add/duplicate/delete controls, ordering, overview, and speaker notes. Switch to Layers for the existing text, shape, image, and vector editing tools. Notes save with Save notes or when navigating to another slide. Slide edits and saved notes support Undo/Redo and persist in the document.

Present starts at the active slide. Use Right/Space/Page Down and Left/Page Up, or Previous/Next; Home/End jump to the first/last slide. Click Fullscreen or press F11 for a borderless presentation with the controls hidden; Esc returns to preview, then exits. Launch directly with --fixture deck --fullscreen. This initial version does not yet include transitions, a template gallery, or a separate presenter display. Preview the sample with cargo run -p desigma-app -- --fixture deck.

Export the current slide or the whole deck using the Slide PDF / Deck PDF controls or File menu. Each slide becomes one PDF page in document order, with no speaker notes or editor controls. The initial PDF export uses high-resolution raster pages; text is not selectable.

Every screenshot here is the real app on its built-in showcase file, captured offscreen at 2x with its own --screenshot mode.

Motion (beta)

Motion mode (the waveform button in the toolbar) turns a page into a timeline. It is free like the rest of the app and works offline.

What is in it:

• Timeline per page: duration, fps and loop, a playhead you scrub, layer rows with property tracks, keyframe diamonds you drag, stretch and copy, auto-key, and snapping to frames and keys.
• Keyframes on position, scale, rotation, width, height, opacity, corner radius, fill and stroke colour, stroke weight, drop shadow (offset, blur, colour) and layer blur, with a ◇ next to every field in the Motion inspector, a motion path and gizmo on the canvas, per-track visibility and a draggable summary bar per layer.
• Easing: hold, linear, ease in/out, back curves, custom cubic-bezier, and duration-based springs (Gentle, Quick, Bouncy, Slow or your own bounce). Each segment has its own.
• 41 presets (Basic, Enter, Cycle, Exit) that become clips you can retime and tweak; cycles repeat or yoyo until the timeline ends.
• Present playback: frames play their timeline on arrival while the prototype keeps working. Smart Animate between frames still works and the destination plays when it lands.
• Prototype actions: Control animation (Play, Play from start, Pause, Restart, Toggle) with any trigger: On click, While hovering (revert on leave), While pressing, After delay, keys. A frame that has such an action waits to be played; other animated frames autoplay. The target is a frame or any layer in it (it resolves to the frame).
• Export the page or a frame as an animated GIF, WebM (AV1, encoded in pure Rust) or a PNG sequence (folder or zip), at any fps and scale, from the timeline, the Animation section of the inspector or the command line.
• Figma Motion import: keyframe tracks, curve and spring easing and preset clips from .fig files made in Figma's Motion mode come in as editable desigma motion. Curved motion paths and colour/effect tracks are not imported yet.
• Code: Dev mode turns the selected layer's animation into CSS keyframes, SwiftUI or Jetpack Compose.
• MCP tools (desigma_add_keyframe, desigma_apply_animation_preset, desigma_set_timeline, desigma_export_animation) so an agent can animate and render.

cargo run -p desigma-app -- --motion                         # the built-in animated onboarding, in Motion mode
cargo run -p desigma-app -- --motion --screenshot docs/images/desigma-motion.png --scale 2
cargo run -p desigma-app -- --motion --panel motion-easing --screenshot easing.png --scale 2
cargo run -p desigma-app -- --export-animation onboarding.desigma --out onboarding.gif --scale 0.75 --fps 20          # add --dither to smooth gradients (bigger file)

Motion follows the workflow of Figma's Motion (Beta) mode but is desigma's own implementation, and it is not affiliated with Figma, Inc. Animation data lives in .desigma files and in desigma's REST JSON export; it cannot be written back into .fig files.

Live collaboration (beta)

Click Share in the editor, copy the desigma://join/… link and send it. Anyone with the link opens it (or pastes it into Join session on the home screen) and edits the same file with you, live, on Windows, macOS or Linux. There is no account and no server: your copy of desigma hosts the session while the file stays open.

• Peer to peer and encrypted, over iroh QUIC with NAT traversal; when a direct connection is impossible, traffic goes through a public relay, still end-to-end encrypted.
• Edits merge per property: two people changing the same layer's colour and position both keep their change, inserts into the same frame both survive, a delete wins over an edit. Drags show up live.
• Your undo only undoes your own edits.
• Cursors, selections and avatars in each person's colour; click an avatar to Follow their view.
• Optional password, approval of each joiner, edit or view-only access, kick, stop sharing.
• The session ends when the host closes the file; guests can save a copy. Fonts are not sent yet,. Clicking a link while desigma is already running opens it in that window (on macOS through Apple events, elsewhere a second launch hands it over); pasting it into Join session always works too.

Design and protocol: docs/collaboration.md.

Everything in the box

Figma files

desigma reads two kinds of Figma input, and both land in the same document model:

This is the beginning of the README. Read the rest at the original. Read the full README ↗