open-design: プロトタイプ、デッキ、モーショングラフィックスを生成するためのオープンソースエージェントデザインワークスペース

解決する課題

Open Design は、Claude Design のオープンソースかつローカルファーストな代替手段です。Figma などのツールで手作業でピクセルを操作するデザインプロセスを、AI エージェントがブリーフを発見し、プロトタイプを生成し、ブランドに一貫した成果物を直接提供できるエージェントネイティブなワークフローへと変換します。

仕組み

このプロジェクトは macOS と Windows 用のネイティブデスクトップアプリを提供し、ワークスペースとして機能します。MCP サーバーまたは BYOK プロキシを介して、Claude Code、Cursor、GitHub Copilot など多数のコーディングエージェントと統合します。これらのエージェントはスキルのファイルシステム、DESIGN.md ファイルで定義されたデザインシステム、プラグインを利用してさまざまな出力を生成します。システムはこれらの出力をサンドボックス化された iframe で即時プレビューし、HTML、PDF、PPTX、MP4 などの形式でエクスポートできるようにします。

対象ユーザー

デザイナー、開発者、プロダクトチーム向けに設計されており、AI エージェントを活用してデザインワークフローを自動化し、共有デザインシステムでブランドの一貫性を保ち、Web、モバイル、モーショングラフィックスのプロトタイプを迅速に作成したい方に最適です。

ハイライト

• マルチアーティファクト生成: Web/モバイルプロトタイプ、ライブダッシュボード、ピッチデッキ、高解像度画像を作成。
• エージェント互換性: 20 以上のコーディングエージェント CLI と OpenAI 互換エンドポイントをサポート。
• HyperFrames 統合: HyperFrames フレームワークを使用してプログラム的なモーショングラフィックスやアニメーションを MP4 にレンダリング。
• ブランド一貫性: DESIGN.md システムを利用し、すべての AI 生成出力が特定のブランド契約に従うことを保証。
• 拡張可能なエコシステム: 100 以上のスキル、150 のデザインシステム、261 のプラグインを含む。

Summary

オープンソースのエージェントネイティブデザインワークスペースで、AI エージェントが共有デザインシステムに基づきプロトタイプ、ダッシュボード、モーショングラフィックスを生成できます。

Title

open-design: プロトタイプ、デッキ、モーショングラフィックスを生成するためのオープンソースエージェントデザインワークスペース