← ノートへ戻る

Open Design 0.17.0:Codex のための Open Design

open-design-v0.17.0 — 11 日間で 23 人のコントリビューターから 62 件の PR。Codex に専用のデザインワークスペースが加わりました。会話から @open-design を呼び出し、ブリーフを実際の Preview または Studio アーティファクトに変え、細かな修正のたびにプロンプトを書くことなく、キャンバス上でビジュアルの仕上げまで行えます。

Open Design 0.17.0:Codex のための Open Design

open-design-v0.17.0、2026 年 8 月 3 日公開。11 日間で、23 人のコントリビューターから 62 件の PR が寄せられました。Codex に専用のデザインワークスペースが加わりました。Codex の会話から @open-design を呼び出し、アイデアやブリーフを実際に編集できるアーティファクトへ変え、そのまま Codex のワークフローを離れることなく Open Design Studio で制作と改善を続けられます。

すべての変更を確認したいですか?GitHub の完全なリリースノートをご覧ください。この記事で扱うのはプロダクトの物語です。Codex が会話からビジュアルアーティファクトへどう進むのか、なぜ最後の 10% に新たなプロンプトが要らなくなったのか、そしてその過程で何がより安定したのかを紹介します。

Codex に専用のデザインワークスペース

コーディング Agent は意図をファイルに変えることに長けていますが、ビジュアル制作には常に二つ目の環境が必要でした。チャットでアイデアを説明し、結果をデザインツールへ移し、修正のたびに内容を別のプロンプトへ翻訳し直す必要があったのです。0.17.0 では、Codex Desktop と CLI が Open Design を完全なクリエイティブエンジンとして呼び出せます。会話とデザインワークスペースが、一続きのワークフローになります。

@open-design から始めましょう。ビジュアルブリーフを確認し、Open Design Cloud または対応するローカルランタイムを選ぶと、実際の Preview または Studio の結果が届きます。それは会話に貼り付けられたスクリーンショットではありません。開いて確認し、編集し、書き出し、さらに改善を続けられるアーティファクトです。

Agent との会話が編集可能なデザインキャンバスと安定したプレビューへ流れ、つながったアーティファクトがほぼ白い編集背景の上で精密な緑の選択枠に収められている様子
Codex から Open Design を呼び出し、ブリーフに合意して、完成物の画像ではなく実際の Preview または Studio アーティファクトを受け取りましょう。

制作ランタイムが邪魔をしない

連携を動かすためだけに、別のアプリを開いておく必要はありません。署名済みの Open Design ランタイムは、Codex が必要としたときにヘッドレスで起動します。見守るための余分なウィンドウも、手作業でつなぐローカルスタックも不要です。

失敗時の経路も実用的です。Studio が外部ホスト内で正常に読み込めない場合でも、Codex は安定したプレビューをすぐに届けます。一つの表示面が初期化できなかったために実行全体が失敗するのを眺めるのではなく、まず成果を受け取り、必要なときに完全なワークスペースで開けます。

ローカルはローカルのままです。Local Codex を明示的に選ぶと、実行がプラグインへ戻ったり、Cloud のサインインフローへ送られたりすることはありません。Open Design Cloud と Local Codex は別々の選択肢として維持され、BYOK プロバイダー設定はこのデバイスのブラウザストレージに保存され、実行中のローカル処理にだけ渡されます。

もう一度プロンプトを書くのではなく、手で仕上げる

ビジュアル制作の最後の 10% は、たいてい具体的です。この要素を動かす、そのテキストを詰める、画像を切り抜く、二つのオブジェクトをそろえる。修正のたびにチャットを介すると、小さな変更が必要以上に遅くなっていました。

0.17.0 では、Manual Edit が完全な仕上げワークフローになります。要素を直接選択して移動やサイズ変更を行い、テキストを編集し、色や配置を変え、複製または削除し、画像を差し替え、切り抜き、貼り付け、ドロップできます。ライブの整列ガイドが各要素を適切な位置へ導きます。取り消しとやり直しでは、再読み込みのちらつきを起こさずキャンバスが保たれます。

デザインキャンバス上で選択された要素をリサイズハンドルが囲み、整列ガイド、テキストコントロール、画像切り抜きツールがほぼ白い編集背景の上に精密な線画として構成されている様子
方向づけにはプロンプトを使い、手のほうが素早く表現できる細かなビジュアル修正には直接操作を使いましょう。

書き出しには、構成した結果がそのまま反映されます。画像の書き出しは現在の Preview ビューポートに従い、フレームワーク製のデッキはデスクトップフレームに合わせて変形されるのではなく、制作時のサイズでキャプチャされます。

明確なブリーフなら、すぐに始まる

Agent が質問すべきなのは、答えによって結果が変わるときです。すべてのタスクを面談から始める必要はありません。最初のプロンプトに十分な方向性が含まれていれば、Open Design はすぐに開始します。本当に判断が足りない場合は、その判断が重要になる瞬間に、焦点を絞った質問を一つだけ行います。

これによりリズムが変わります。力強いブリーフは、すぐに制作へ移ります。曖昧なブリーフには必要な確認が入りますが、最初の有用な結果を妨げるのではなく、プロセス上の具体的な分岐に結び付いた質問になります。

適さないモデルの選択は、実行を無駄にする前に失敗する

一部の Codex モデルと CLI の組み合わせは、互いに動作しないことが分かっています。0.17.0 は起動前にその組み合わせを検出し、役に立つモデル切り替え経路を提示するとともに、ツール実行後のタイムアウトをより正確に診断します。誤解を招く再試行に送り込まれることはありません。

モデルの選択肢は境界を曖昧にすることなく広がります。GPT-5.5 Fast が明確な速度優先の選択肢として加わり、Raven がワンクリックの MCP セットアップに対応し、Open Design は Windows 上の公式 Grok Build インストールを自動検出します。

止まったアップデートが行き止まりにならない

アップデートの問題には、キャッシュディレクトリを手作業で探さなくても済む復旧経路が必要です。設定から壊れたアップデートキャッシュを消去し、インストール済みの世代が安全でないと判明した場合は再インストールし、ダウンロード済みペイロードによるクラッシュから復旧できるようになりました。アプリは最後に動作したバージョンへロールバックし、次の正常なアップデートで自らを修復します。継続的に取り組んでくれた @PerishCode に感謝します。

パッケージ版アプリは Web 表示が終了した場合も復旧します。制限付きポリシーのもとで失敗した sidecar を再起動し、アプリ全体の再起動を強制することなく od:// リクエストを再接続します。

Codex にデザインのセンスを与える五十の方法

新しい公開 Codex Design コレクションには、厳選されたインストール可能な 50 のスキルが集まっています。インターフェースデザイン、ビジュアルシステム、Figma-to-code、モーション、画像生成、フロントエンドのクラフトを網羅します。各項目には出典、実践的なガイダンス、ローカライズされた詳細ページがあり、「Codex のセンスを高める」という言葉が、曖昧な約束ではなく具体的なワークフローになります。

Codex Slides も加わり、プロンプトからデッキまでの全ワークフローを網羅します。シナリオとスタイルの選択、アウトラインの調整、直接編集、そして書き出しです。新しいコミュニティワークフローはさらに幅を広げます。Humanize PPT はラフな素材を意図のあるブリーフと検証済みの書き出しを備えたプレゼンテーションへ変え、Atelier Zero は本番で使える画像プロンプトライブラリを提供します。

0.17.0 に含まれるその他の変更

  • Chat はターミナルのように見せずに作業を表示します — 控えめな実行開示、空のツール行の非表示、より忠実な ACP ツールアクティビティ。@mrcfps@thatditsyboy に感謝します。
  • ワークスペースのタブが内容を正しく伝えます — 長いラベルも見える状態を保ち、Design System の命名も一貫します。@BigBandaid2 に感謝します。
  • ダーク優先のブランドはダーク優先のままです — 派生テーマが意図したキャンバスを保ち、勝手に明るくすることはありません。@wiggdevin に感謝します。
  • プロジェクトがタブを増殖させません — 同じプロジェクトを繰り返し開いても重複は生まれません。@pcherkashin に感謝します。
  • 中断された作業は古い進捗を消去します — 完了したフォローアップが、Chat の上に古い Todo スナップショットを残しません。@Siri-Ray に感謝します。
  • ACP Agent は完全な履歴を残します — 実際のツール名、入力、結果、タイミング、使用量が Chat と診断に記録されます。
  • パッケージ版ランタイムがより確実に起動します — Linux ペイロードは初回使用前にウォームアップされ、パッケージ版ラッパーは同梱されたランタイムを使います。

今日からできること

あなたが……ここから始めましょう
すでに Codex を使っているOpen Design プラグインをインストールし、具体的なビジュアルブリーフで @open-design を呼び出して、結果を Preview または Studio で開く
生成された成果を仕上げている一つの要素を選択し、別のプロンプトで説明する代わりに、最後のビジュアル修正を直接行う
ローカルで作業しているLocal Codex を明示的に選び、デバイスに保存された BYOK 設定を使って実行がローカルに留まることを確認する
プレゼンテーションを制作しているブリーフからアウトライン、編集、書き出しまでの全ワークフローに Codex Slides を試す
問題のあるアップデートから復旧している設定を開き、壊れたキャッシュを消去するか再インストールして、アプリを最後に動作した世代へ戻す

次にすること

Codex はすでに、作りたいものを言葉にできる場所でした。0.17.0 は、その結果を見て形づくる場所を与えます。実際の会話から Open Design を呼び出し、明確なブリーフならすぐに開始し、もう一段落を書く代わりに一つの小さな修正を手で加えてみてください。

Open Design をダウンロード

11 日間で 62 件の PR。会話、アーティファクト、キャンバスを一つのワークフローにつないだ 23 人から寄せられました。デザインワークスペースはもう Codex の隣にあるだけではありません。Codex がそこへ到達できます。私たちは見ています。🚀

関連記事


← ノートへ戻る GitHub · ソース ↗

Open Design デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

  • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
  • 140+ のデザインシステムと完全なテンプレート/スキルライブラリ
  • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
無料ダウンロード

macOS、Windows、Linux に対応