オープンソースの Figma 代替。

Figma とは

Figma はホスト型の共同インターフェースデザインツールです。ブラウザベースのベクターキャンバスで、リアルタイムのマルチプレイヤー編集、プロトタイピング、大規模なプラグインとコンポーネントのエコシステム、そしてデザイナーから開発者へのハンドオフを備えています。ハンズオンの UI デザインのデフォルトであり、独自の AI 機能も追加してきました。

クローズドソースでベンダークラウド上で動作し、編集者シート単位で課金されます。Open Design は異なる形です。ローカルファーストでオープンソースのデザインエージェントで、自分のコーディングエージェントを向けて使います。両者はインターフェースの生成で重なりますが、リアルタイムのキャンバス編集では重なりません。

• ベンダー: Figma — ホスト型 SaaS
• 価格: 編集者シート単位
• 主な出力: クラウドのデザインドキュメント

なぜチームは Figma の代替を探すのか

チームが Figma の先を探し始めるのは、デザインを、ベンダークラウドに存在するドキュメントではなく、自分が所有し、すでに使っているエージェントで生成・反復するファイルにしたいときです。

• ファイルを所有する: デザインは、1 つのアプリからしか到達できないクラウドドキュメントではなく、リポジトリ内のバージョン管理された成果物であるべきです。
• オープンソース: Apache-2.0 でセルフホスト可能。フォークし、スタジオ向けにリブランドし、あるいは CI に組み込めます。クローズドなシート単位の SaaS ではありません。
• エージェント駆動: すべてのフレームを手で描くのではなく、すでに使っているコーディングエージェントでデザインを生成・反復します。
• ポータブルなブランド: 1 つの DESIGN.md が、すべてのスキルが従うブランドをエンコードし、コードと一緒にバージョン管理されます。

ローカルファースト + BYOK の解説

Open Design はデスクトップアプリ、ローカルデーモン、そして Markdown のスキルとデザインシステムのカタログをあなたのマシン上で実行します。あなたのデザインはクラウドドキュメントではなくファイルであり、あなたのブランドは、すべてのスキルが従うポータブルな DESIGN.md ファイルとしてリポジトリに存在します。

自分のエージェントキーを持ち込みます。認証情報はローカル設定または環境変数に留まり（Open Design がそれらをプロキシすることはありません）、API 費用は直接あなたに請求されます。

Open Design vs Figma の機能比較

Figma が勝る点: ハンズオンのベクター編集、リアルタイムのマルチプレイヤーキャンバス、そして深く成熟したプラグインとコンポーネントのエコシステム。そのハンズオンのキャンバスが目的なら、Figma は打ち負かしにくいでしょう。Open Design は代わりにデザインファーストでエージェント駆動です。

どちらを選ぶべきか

Figma を選ぶべきケース:

• ハンズオンのベクター編集とリアルタイムのマルチプレイヤーキャンバスが欲しい。
• あなたのチームが成熟したプラグインとコンポーネントのエコシステムに根ざしている。
• ファイルよりホスト型のデザイナーから開発者へのハンドオフを好む。

Open Design を選ぶべきケース:

• デザイン成果物とブランドをバージョン管理されたファイルとして欲しい。
• 既存のコーディングエージェントで BYOK したい。
• フォーク、リブランド、CLI 組み込み、セルフホストができるオープンソースが欲しい。
• すべてのスキルが従う、ブランドごとに 1 つの DESIGN.md が欲しい。

Figma から Open Design へデザインを移す

現時点で Figma からの自動インポートはありません。一度きりのブランド抽出実行でデザインファーストに始めましょう。

1. クイックスタートから Open Design をインストールします。
2. Web UI を開き、気に入った Figma のフレームやスクリーンショットにエージェントを向けます。
3. エージェントにブランドを DESIGN.md ファイルへ抽出するよう依頼します。
4. スキルを 1 つ選び、新しいブランドに対してレンダリングします。

それ以降は、すべてのスキルが再プロンプトなしであなたのブランドでレンダリングされ、ファイルはリポジトリに残ります。

FAQ

1. 01 Open Design は Figma のドロップイン代替ですか？ +

   いいえ。Figma はハンズオンの共同作業キャンバスで、Open Design はエージェント駆動でローカルファーストなデザインレイヤーです。両者はインターフェースの生成で重なりますが、リアルタイムのキャンバス編集では重なりません。

2. 02 Open Design と並行して Figma を使い続けられますか？ +

   はい。多くのチームが Figma でデザインし、ポータブルなブランドから生成・反復するために Open Design を使っています。移行は現時点では手動です。

3. 03 Open Design はどのエージェントを使いますか？ +

   あなたの選択次第です。Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen で BYOK できます。認証情報が私たちを通してプロキシされることはありません。

4. 04 Open Design は本当にオープンソースですか？ +

   はい。github.com/nexu-io/open-design に Apache-2.0 で公開されており、セルフホスト可能です。

5. 05 Open Design は Figma と提携していますか？ +

   いいえ。Open Design は独立したオープンソースプロジェクトです。Figma はその所有者の商標であり、これは提携関係のない比較です。