Interface design; an independent, local-first, open-source design tool built in Rust.
Frames, auto layout, components and variants, prototyping, vector editing and real Figma file import,
in a native desktop app written entirely in Rust. Free, offline, and yours to change.

_{The editor on the built-in showcase file: four 390 x 844 screens built with auto layout and components, one of them in the Dark mode of a variable collection.}

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.

A Button instance: variant pickers (Type, Size), a text property, a boolean property and the overrides on this copy. Components that stay in sync Turn any layer into a component with Ctrl+Alt+K, drop instances from the Assets panel, and edit the main component: every instance updates in the same undo step while keeping its own overrides. Boolean, text, variant and instance-swap properties, Combine as variants, Go to main component, Reset all changes and Detach, all undoable.	Prototype mode: flow starting points, and connectors from the selected screen to where its buttons lead. Prototype what you draw Drag from a layer's hotspot to a frame to wire it up, then refine the interaction: triggers, actions, overlays and transitions with easing curves and springs. Present plays it back with Navigate, Back, overlays, Change to (variants), Scroll to and Smart Animate, which pairs layers by name and interpolates them. **Variables drive it**: Set variable (with a small safe expression language), Set variable mode and Conditional (If / Else if / Else) re-render bound text, colors and visibility live, without ever changing the file. Key, gamepad and drag triggers, interactive components (hover and press states with automatic revert) and video fills (Motion JPEG plays in the pure-Rust build, other codecs show their poster; `cargo build -p desigma-app --features video` adds H.264 through OpenH264, which compiles C++) are included.
The Variables view: a Theme collection with Light and Dark modes, aliases to primitives and number variables. Variables and modes Color, number, string and boolean variables in collections with modes, bound to fills, strokes, sizes and spacing from a picker next to the field. Switch a frame to another mode and everything bound to it follows. Library variables and color styles appear in the same pickers; using one copies it into the file in the same undo step.	Dev mode: status, annotations, measurements and SwiftUI for the selected card. Hand off as code Switch to Dev mode for measurements, a box model and generated code in CSS, Tailwind, SwiftUI, Jetpack Compose or React. Mark frames Ready for dev, and add annotations and links for whoever builds them. Copy a snippet in one click, or switch language without leaving the panel.
A 1440 px dashboard: sidebar, KPI cards, charts and a table, all auto layout and component instances. Real layouts, not just rectangles Nested auto layout frames with hug, fill and fixed sizing, padding, gaps and alignment keep a whole dashboard in shape when the copy changes. Charts are plain vectors, rectangles and arcs. Tag, Avatar and Button instances in the table and the header come from the same component sets as the mobile screens.	The color picker on a gradient fill, with the page's colors underneath. Fills, gradients and effects Solid, linear, radial, angular and diamond gradients, images and blend modes on every fill, with stops you drag on the layer itself. Shared color styles and variables show up in the same picker. Effects include drop and inner shadows, layer and background blur, noise, texture and glass.
The projects home screen: a Marlow project with a board, a design system, a dashboard and an app. Your files, in one place A local projects library with Recents, Starred, projects and folders, search, grid and list views, thumbnails, trash and drag and drop. Files autosave as you work, and "Open in new window" starts another editor on the same library. Shared libraries publish a file's components, styles and variables for other files to enable, with a review step when a new version lands.	A board: stickies, connectors, shapes with text, stamps and a section. Boards for thinking out loud New board in the File menu or on the home screen opens a whiteboard with its own toolbar: stickies whose text shrinks to fit, shapes with text, markers, stamps and sections. Tab starts the next sticky, Alt-drag duplicates. Connectors come out of the magnet dots on any shape, route around the boxes they join and follow them when they move. FigJam files open as boards.
The renderer's feature sheet, produced by cargo run -p desigma-render --example render_demo. A renderer that sweats the pixels Independent corner radii and iOS-style corner smoothing, every gradient type, image fills, inside, center and outside strokes, drop and inner shadows, layer and background blur, masks and boolean operations. All 19 blend modes, including exact linear burn and linear dodge, and text shaped with cosmic-text, with runs, line height, letter spacing, case and truncation.	Actions (Ctrl+K): every command, searchable, with its shortcut. Everything a keystroke away The main menu, tool dropdowns, context menus and the command palette all share one consistent menu widget, with full keyboard navigation and submenus. Export to PNG, JPG and real vector SVG at any scale, copy as PNG, SVG or CSS, and switch to Dev mode for measurements and ready-to-paste CSS.

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

• REST JSON, the body of GET /v1/files/:key. Save it to a file and open it, or let the optional net feature of desigma-fig fetch it with your personal access token. The token is only ever sent as a request header and is never logged or stored.
• .fig files, from File → Save local copy. desigma unpacks the zip wrapper, decodes the kiwi schema and message, and maps node changes, embedded images, shared styles, instance overrides, layout grids and prototype interactions.

The .fig format is undocumented. Our decoder follows community reverse engineering and is tested against synthetic files, so expect gaps on real-world files and please report them.

• One document model: desigma-doc is plain data plus an undo stack. Every edit is a Command with an exact inverse.
• Deterministic rendering: desigma-render draws on the CPU with tiny-skia, so output is reproducible byte for byte. Tiles stitched together match a whole-page render.
• Visual regression tooling: desigma-diff compares screenshots with anti-aliasing detection and SSIM, and writes an HTML report. The development target is faithful document rendering and an independently designed editor, with its own approved UI baselines.
• Independent product direction: file compatibility and familiar workflows guide development; reproducing Figma's editor appearance is not a goal. Third-party code, fonts and assets retain their own licenses and attribution requirements.
• Tested: more than 500 tests across the workspace, from undo and import round trips to UI tests that drive the editor with synthetic input.

Grab the build for your platform from the latest release: a .dmg for macOS (one file for Apple Silicon and Intel), a .zip for Windows and a .tar.gz with an installer script for Linux.

git clone https://github.com/deepfounder-ai/desigma
cd desigma
cargo run --release -p desigma-app               # the editor, with a demo document
cargo run --release -p desigma-app -- file.fig   # open a Figma file
cargo test --workspace                           # the test suite

On Linux you need the usual windowing headers: pkg-config libxkbcommon-dev libwayland-dev libx11-dev libxcursor-dev libxrandr-dev libxi-dev libgl1-mesa-dev libfontconfig1-dev. macOS is built and tested in CI.

Want to contribute or cut a release? See CONTRIBUTING.md and docs/releasing.md.

Useful flags for automation and testing:

desigma --screenshot out.png --size 1600x1000 --select Card   # render one frame and exit
desigma --fixture showcase --select Home --size 1600x1000 --scale 2 --screenshot hero.png   # the showcase file, rendered at 2x (3200x2000)
desigma --select Welcome --rulers --layout-grid columns --zoom 120 --screenshot out.png   # rulers + column grid
desigma --edit-text "Welcome back" --select-text 0-7 --screenshot out.png                 # mid-edit with a selection
desigma --tab prototype --present                              # open straight into Present
desigma --fixture proto-vars --select Add --tab prototype --panel interaction --screenshot i.png   # the interaction editor with a Conditional
desigma --fixture proto-vars --present --panel present-variables --screenshot p.png                # Present with the live Variables panel
desigma --seed-library ./my-library                            # fill a library directory with the showcase sample files
desigma --home --library ./my-library --screenshot home.png    # the projects home screen on a library directory
desigma --fixture variables --panel variables --screenshot v.png  # the Variables view
desigma-diff compare reference.png actual.png --out diff.png   # pixel-compare two images

Build the local server with cargo build --locked -p desigma-mcp, then configure your MCP client to launch desigma-mcp --workspace /path/to/designs. It provides 13 tools for importing files, inspecting layers and tokens, generating code, editing with undo/redo, and saving a new .desigma file. The server runs an isolated file session; live desktop-editor control is not yet connected. See the setup and tool reference.

Open Plugins from the editor rail or main menu, choose Install plugin, and paste a manifest URL from desigma-plugins. GitHub blob and raw URLs are supported, for example:

https://github.com/deepfounder-ai/desigma-plugins/blob/main/plugins/icon-browser/manifest.json

The registry is private. Before launching the editor, set DESIGMA_PLUGINS_TOKEN to a GitHub token with read access to that repository's contents. The installer uses the GitHub contents API, does not discover credentials automatically, and never puts credentials in URLs or installed metadata. Prefer a commit SHA in place of main for a fixed package revision.

Schema 2 plugins include a root HTML panel and declared HTML/CSS/JavaScript assets. Choose Open on an installed plugin to launch its panel in your browser. Icon Browser can insert static SVG into the current document as editable layers; one Undo removes each insertion. Stop, switching documents, or returning to the library revokes the session. Schema 1 packages remain installable but do not run.

The browser panel is served from a temporary loopback address. Only document:insert-svg and storage:local permissions are supported, with optional access to https://api.iconify.design. The bridge checks the session token and request origin; plugins cannot read the document or access GitHub credentials. Browser JavaScript retains normal browser capabilities; this is a scoped document bridge, not a general-purpose JavaScript sandbox. Favorites in a launched panel last for that browser session because each launch uses a fresh origin.

Schema 2 adds panel, files (including the main script and panel), and network to the native manifest. Bundles require a sibling LICENSE. Downloads are limited to 16 assets, 2 MiB per file and 8 MiB total, with redirects disabled. Extra paths, unsupported permissions, Figma Community URLs and other repositories are rejected. SVG insertion accepts static vectors only and is blocked during presentation, version preview, and active editing gestures.

Logos, social images, banners and copy are in marketing/.

Licensed under either of MIT or Apache-2.0, at your option. Unless you state otherwise, any contribution you submit for inclusion is dual-licensed the same way, without additional terms.

Bundled Inter is © The Inter Project Authors, licensed under the SIL Open Font License 1.1 (see crates/desigma-fonts/assets/inter/OFL.txt).

Editor icons use Lucide under its ISC license (see crates/desigma-app/assets/icons/lucide/LICENSE). Release packages include both asset notices in licenses/ (inside desigma.app/Contents/Resources/ on macOS).

desigma is an independent project. It is not affiliated with, endorsed by or sponsored by Figma, Inc. Figma is a trademark of Figma, Inc., used here only to describe file compatibility.