Open Design: An Open‑Source Figma Alternative with 150 Ready‑to‑Use Design Systems

What Open Design Is

Open Design is a high‑visibility open‑source project on GitHub that positions itself as a Figma‑style design tool for the "Agent era". Unlike Claude Design, which is a closed product limited to Anthropic’s cloud, Open Design runs as a desktop application on macOS or Windows and uses real CSS, fonts, and components to generate single‑page outputs that can be exported as HTML, PDF, PPTX, or MP4.

Key Capabilities

The 0.10.0 release bundles an integrated agent‑driven design workspace. It consolidates the entire design pipeline—finding references, prototyping, adding motion, and handing off to developers—into a single interface.

150+ brand‑level design systems defined in DESIGN.md, covering colors, typography, spacing, and component styles. Users can pick a preset or create a custom system.

261 ready‑to‑use plugins that add asset libraries, icon sets, Lottie animations, format converters, and more without writing code.

100+ design skills for web prototypes, mobile prototypes, dashboards, demo videos, and presentation decks, each tuned with specific prompts and workflows.

Four output types : Prototype (web/desktop/mobile with interaction logic), HyperFrame (dynamic graphics and motion), Deck (presentation slides with PPTX export), and Image/Video (static and video assets).

Comparison with Claude Design

The most important differences are summarized below:

Open source : Apache‑2.0 license vs. Claude Design’s closed source.

Run location : Local desktop application vs. Anthropic cloud service.

Design system support : 150+ built‑in + custom DESIGN.md files vs. only three preset styles.

Plugin ecosystem : 261 community plugins vs. no plugin support.

Supported tools : Works with 21 AI coding agents (Claude Code, Codex, Cursor, Copilot, etc.) vs. only Claude.

Export formats : HTML, PDF, PPTX, MP4 vs. HTML only.

The biggest distinction is the "local‑first" approach: design system files live on the user’s hard drive, and teams can version them in a Git repository, making each update a simple commit.

Interface Overview

The home screen shows the workspace where users select a design system, choose a skill, and generate output.

The design system page lets users define brand colors, typography, and spacing rules; all generated artifacts automatically follow these specifications.

The plugin marketplace currently lists 261 plugins covering asset libraries, icon packs, Lottie animations, and format converters.

Installation and Basic Usage

Download the desktop application from the official website or install via Homebrew on macOS:

# macOS
# Download .dmg and drag to Applications
# Or use Homebrew
brew install open-design

After installation, Open Design works with any of the supported AI coding agents. For example, using the CLI with Claude Code:

open-design --skill "website" --system "my-brand" --brief "产品登录页"

The tool supports 21 AI agents and CLI tools, including Claude Code, OpenClaw, Codex, Cursor, OpenCode, Qwen, Copilot, Amp, Hermes, Kimi, and others.

GitHub: https://github.com/nexu-io/open-design<br/> Stars: 66,890+ | License: Apache-2.0 | Language: TypeScript