open-design plugin: Turn Coding Agents into Design Engines

A local-first, open-source design workspace where coding agents create editable prototypes, sites, dashboards, slides, images, and videos.

What this plugin does

The open-design plugin transforms coding agents into design engines. It is a local-first desktop application that generates prototypes, dashboards, slides, images, and videos. The plugin exports real files in HTML, PDF, PPTX, and MP4 formats, making it a versatile tool for design workflows.

The open-design plugin is a local-first desktop application that leverages coding agents to produce design artifacts. It supports multiple artifact types, including single-page HTML prototypes, animated HyperFrames rendered to MP4, pitch decks exportable to PPTX or PDF, and high-resolution images. The plugin integrates with various coding agents through an MCP server, allowing users to invoke design tools from their preferred environment. It also offers a BYOK proxy for model access, supporting multiple providers. The project is positioned as an open-source alternative to Claude Design, emphasizing local execution and file export capabilities.

Documented capabilities

Prototype Generation

The open-design plugin creates single-page HTML prototypes that read a design system and render in a sandboxed iframe. These prototypes are previewable instantly and downloadable as source code, supporting web, desktop, and mobile layouts.

HyperFrame Animation

It generates programmatic motion and animated graphics, rendered to real MP4 files at resolutions like 1920x1080 at 30fps. This capability enables dynamic visual content directly from the design system.

Deck and Image Export

The plugin produces pitch decks that can be navigated by keyboard and exported to PPTX or PDF. It also generates brand-grade images and visual assets with high-resolution output and download options.

Practical use cases

Rapid Prototyping

Designers can use the open-design plugin to quickly generate interactive prototypes from a brief and design system, iterating on layouts and flows without manual coding.

Presentation Creation

Teams can create pitch decks and slide presentations directly from design systems, exporting to PPTX or PDF for sharing and delivery.

Animated Visuals

Marketers and content creators can produce animated graphics and videos as MP4 files, suitable for social media, ads, or product demos.

Review before you install

Read the source, recent releases, requested permissions, network access, and maintainer history before trusting a third-party plugin.

Frequently asked questions

What is the open-design plugin?

The open-design plugin is a local-first desktop application that turns coding agents into design engines. It generates prototypes, dashboards, slides, images, and videos, exporting real files in HTML, PDF, PPTX, and MP4 formats.

Which coding agents are supported by the open-design?

The plugin supports mainstream coding agents including Claude Code, Codex CLI, Cursor, Gemini, OpenCode, Qwen, and 20+ others via an MCP server. It also offers a BYOK proxy for model access.

Can the open-design export files?

Yes, the plugin exports real files: prototypes as HTML, decks as PPTX or PDF, HyperFrames as MP4, and images as high-resolution downloads.