# DESIGN:OS Studio

> A native Rust desktop design editor that opens and saves Figma .fig files and bundles a local MCP server so coding agents can edit the open document.

DESIGN:OS Studio is an open-source native desktop design editor by Jang Trinh, written in Rust and drawing on the GPU through wgpu. It opens and saves Figma `.fig` files, accepts layers pasted from Figma desktop, and bundles a local MCP server so coding agents can work on the document that is open on the canvas. The latest release listed is v0.5.0, with downloads for macOS, Windows and Linux.

## What It Is

DESIGN:OS Studio is a local-first interface design tool in the same space as Figma desktop. The project site describes it as a native editor for Figma files and coding agents. It runs offline as a desktop application and is dual-licensed MIT or Apache-2.0. The project states it is independent and not affiliated with Figma, Inc.

## Working with Figma files

Users can copy layers in Figma desktop and paste them onto the Studio canvas with Cmd+V. The layers land centered in the view as a single undo step, images included. `.fig` files open, can be edited and are saved back as `.fig`, and carry their effect and grid styles. The 0.3.0 release notes list effect and grid styles, auto layout Space evenly with vertical wrap, text wrap Balance and Pretty, opacity bound to number variables, and multi-page PDF export (pages are raster images for now).

## Agent integration

Studio bundles `designos-mcp`, a local MCP server with 22 tools, and has built-in presets for Claude Code, Codex and Antigravity. Agent edits replay into the open document as node operations, wait while the user is dragging or editing text, and each lands as its own undo step. The README also describes an Agents panel that runs a locally installed agent CLI in a pseudo-terminal, plus an agent skill installable for Claude Code, Codex and Gemini CLI.

## Dev Mode and verification

Dev Mode shows code for selected layers, with targets named in the README including CSS, Tailwind, React, SwiftUI, UIKit, Jetpack Compose and Android XML; variables print in their platform code syntax. A command-line `designos` tool applies declarative NodeSpec JSON and exports `.fig`, and headless `--screenshot` plus the `designos-diff` tool support visual comparison in CI.

## Scale and platforms

The project says the Untitled UI PRO v8.0 Figma kit, 208,610 nodes on 113 pages, opens and renders. Releases are verified on macOS; Windows and Linux builds are tested by users.

## Features
- Open and save Figma .fig files
- Paste layers from Figma desktop with Cmd+V
- GPU canvas rendering through wgpu
- Bundled designos-mcp server with 22 tools
- Agent edits as individual undo steps
- Effect and grid styles
- Auto layout with Space evenly and vertical wrap
- Text wrap Balance and Pretty
- Variables with mode switching
- Dev Mode code generation for CSS, Tailwind, React, SwiftUI, UIKit, Jetpack Compose and Android XML
- Multi-page PDF export
- Headless screenshots and designos-diff visual comparison
- Declarative NodeSpec JSON apply and .fig export from CLI

## Integrations
Figma, Claude Code, Codex, Antigravity, Gemini CLI, Grok CLI, Model Context Protocol

## Platforms
WINDOWS, MACOS, LINUX, ANDROID, IOS, API, CLI

## Pricing
Open Source

## Version
0.5.0

## Links
- Website: https://jangtrinh.github.io/design-os-studio/
- Documentation: https://github.com/jangtrinh/design-os-studio/blob/main/docs/install.md
- Repository: https://github.com/jangtrinh/design-os-studio
- EveryDev.ai: https://www.everydev.ai/tools/design-os-studio