deepfounder-ai/desigma

选用指南

AI 根据 README 整理 · 2026/10/18 01:46:05

适用场景

适合需要本地优先、离线可用的界面设计场景，支持从 Figma 导入文件进行编辑，并可用于创建演示文稿和原型。

查看 README 依据

<h1 align="center"> <img alt="desigma: the design tool you actually own. Free, open source, offline, written in Rust." src="marketing/png/launch-banner-1600x900.png" width="100%"> </h1> <p align="center"> <b>Interface design; an independent, local-first, open-source design tool built in Rust.</b><br> Frames, auto layout, components and variants, prototyping, vector editing and real Figma file import,<br> in a native desktop app written entirely in Rust. Free, offline, and yours to change. </p> <p align="center">

A deterministic CPU renderer on tiny-skia, a spatial index and a parallel 256&nbsp;px tile cache. Panning and dragging on a 5,000-layer page stay well under a frame. No Electron, no web view. </td> <td width="25%" valign="top"> <h3>🗂️ Figma files in</h3> Import from the Figma REST API JSON or straight from <code>.fig</code> files (the kiwi container, deflate or zstd), with components, instance overrides, styles and prototype links. </td> <td width="25%" valign="top"> <h3>🔤 Open fonts, built in</h3>

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.

目标用户

面向界面设计师和开发者，提供设计、原型和代码交付功能。

查看 README 依据

<h1 align="center"> <img alt="desigma: the design tool you actually own. Free, open source, offline, written in Rust." src="marketing/png/launch-banner-1600x900.png" width="100%"> </h1> <p align="center"> <b>Interface design; an independent, local-first, open-source design tool built in Rust.</b><br> Frames, auto layout, components and variants, prototyping, vector editing and real Figma file import,<br> in a native desktop app written entirely in Rust. Free, offline, and yours to change. </p> <p align="center">

<img src="docs/images/desigma-dev.png" alt="Dev mode with a balance card selected: a Ready for dev status, an annotation and a dev link, the box model with padding and margin, and SwiftUI code for the card" width="440"> <br> _{Dev mode: status, annotations, measurements and SwiftUI for the selected card.} <h3>Hand off as code</h3> 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. <br><br>

使用方式

作为桌面应用使用，支持命令行参数用于自动化截图和测试，也提供 MCP 服务器用于设计文件检查和代码生成。

查看 README 依据

| `desigma-fig` | Figma REST JSON and `.fig` import, REST JSON export | | `desigma-fonts` | Bundled Inter, Fontsource fetch and cache, font substitution | | `desigma-export` | PNG, JPG and SVG export, Dev mode CSS | | `desigma-app` | The egui desktop editor | | `desigma-diff` | Pixel-diff library and CLI | | `desigma-mcp` | Local MCP server for design-file inspection, editing, and code generation | ## Get started ### Download

```sh 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

screenshot. ## MCP integration 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](crates/desigma-mcp/README.md). ## Native plugin installation

部署要求

需要 Windows、Linux 或 macOS 系统；从源码构建需要 Rust 工具链和 Linux 下的窗口系统开发头文件。

查看 README 依据

<img alt="100% Rust" src="https://img.shields.io/badge/100%25-Rust-b7410e?style=flat-square&logo=rust"> <img alt="Windows · Linux" src="https://img.shields.io/badge/Windows%20%C2%B7%20Linux-native-2f7bf5?style=flat-square"> <img alt="License: MIT OR Apache-2.0" src="https://img.shields.io/badge/license-MIT%20%2F%20Apache--2.0-3a3a3a?style=flat-square"> <img alt="Status: early alpha" src="https://img.shields.io/badge/status-early%20alpha-d69e2e?style=flat-square">

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](CONTRIBUTING.md) and [docs/releasing.md](docs/releasing.md). Useful flags for automation and testing:

已知限制

早期 alpha 版本，尚不支持协作、插件、PDF 导出等，且 .fig 文件解码可能存在缺陷。

查看 README 依据

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 ``` > [!IMPORTANT] > **Status:** desigma is in early alpha. Much of Figma's everyday design surface exists, but **it is not yet a replacement for professional daily work**. The biggest gaps are collaboration, plugins, PDF export, `.fig` features that real files haven't exercised yet, and code-signed release builds. Expect rough edges, and please file issues with your OS, a sample file if you can share one, and a

- **`.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. ## Under the hood - **One document model:** `desigma-doc` is plain data plus an undo stack. Every edit is a `Command` with an exact inverse.