デザイン

open-design:ブリーフに基づいてデザイン案を作成する

翻訳済み

作成したい画面を文章で説明したブリーフさえあれば、AIがウェブの試作デザインやプレゼン資料を作成してくれるデスクトップアプリです。

3行要約

1) ブリーフ(作成する画面の説明)を入力すると、AIがデザインシステムに合わせてウェブの試作画面やプレゼン資料を作成してくれるアプリです。 2) デスクトップアプリをインストールし、パソコンにインストールされているAIエージェントや自分のAPIキーを連携させます。 3) 画面のラフ案が必要な時に使うツールで、リポジトリのデモにはWebダッシュボードのラフ案があります。

画像出典:nexu-io/open-design リポジトリの README

一目でわかる

• スター数 105,780個(2026年11月4日現在) • 使用言語:TypeScript 71.7%(Webアプリ開発言語)、HTML 21.4%(Webページの骨格)、CSS 4.3% (画面の装飾) • ライセンス:Apache-2.0(ソースを公開し、自由に使用することを許可するオープンソースライセンス) • 韓国語:アプリの画面言語に韓国語があります • 作成日: 2026年4月28日 https://github.com/nexu-io/open-design

使い方

1) 以下のURLからmacOSまたはWindows用のインストールファイルをダウンロードしてインストールしてください。Linux用の公式インストールファイルはありません。 https://open-design.ai 2) アプリが、コンピュータにインストールされているAIコーディングエージェント(Claude Code、Codexなど)を自動的に検出します。 ない場合は、設定でアドレス(baseUrl)・APIキー・モデル名を入力するか、Ollamaなどのローカルモデルを連携させてください。 3) スタート画面にブリーフを入力すると、エージェントが案を作成します。 アプリはApache-2.0のオープンソースであり、モデルの利用料金はご自身のサブスクリプションまたはAPIキーの料金となります。

人気のコメント

GitHub イシュー #6771 · 反応 13件 · kmbuthia · 2026年9月 「ダークモードが復活しなければ、もう使いません。 ダークモードがあったバージョンを使っていたのに、アップデート後にライトモードしかない画面を見ると、目の痛みがさらにひどく感じられます。」(翻訳) https://github.com/nexu-io/open-design/issues/6771#issuecomment-5490274440

知っておくべき点

現在、このアプリはライトモードのみに対応しています(イシュー #6771、2026年10月29日のリポジトリへの返信時点)。 OpenDesign Cloud およびクラウドモデルでは、リクエストが当該サービスに送信され、公式料金プラン(OpenDesign Go)は別途有料となります。

AIの助けを借りてまとめた文章です。

このコンテンツを試した人たち

まだ試した人はいません

結果の写真を1枚載せるだけでも大丈夫です。 最初の一人になってみましょう。