Open Design

コーディングAIにデザイン機能を追加

Claude Code、Codex、Cursor、Gemini CLIなどのエージェントへ、デザインに特化したスキル、プラグイン、テンプレートを追加できます。普段の開発環境からUI、資料、画像などを制作し、既存リポジトリも直接更新できます。対応状況はエージェントやスキルごとに異なるため、導入前に公式READMEと必要な実行環境を確認してください。

成果物を編集可能なファイルで生成

専用クラウド上の画像だけでなく、HTML、CSS、JavaScript、Reactなどのコードや、スライド・PDF・動画に変換できる素材をプロジェクト内へ生成します。Gitで差分を管理し、人が継続的に修正できます。生成物が正しく動くことやデザイン品質は保証されないため、ブラウザ表示、操作性、アクセシビリティを確認してください。

DESIGN.mdでブランドルールを共有

色、書体、余白、角丸、コンポーネント、画像の方向性、文章トーンなどをDESIGN.mdへまとめ、複数の制作物やAIエージェントで再利用できます。毎回同じ指示を繰り返す手間と見た目のばらつきを減らせます。自動抽出したルールは正式なブランドガイドと一致するとは限らないため、公開前に指定色や禁止表現を確認してください。

スキル・プラグインを追加・編集

UI、ワイヤーフレーム、ダッシュボード、ランディングページ、スライド、画像、動画など、用途別のスキルとテンプレートを組み合わせられます。必要な機能がなければプロジェクト内の定義を編集し、自社の制作手順へ合わせられます。追加物の品質と安全性は提供元によって異なるため、コードと権限を確認してください。

本体はオープンソース・BYOK

公式リポジトリはApache 2.0ライセンスで公開され、利用、改変、セルフホストが可能です。本体の定額料金ではなく、接続するAIモデルのAPI料金やローカル実行環境の費用が発生します。ローカル優先でも、プロンプトや文脈は選んだAI事業者へ送信される場合があります。APIキーと機密情報の管理が必要です。