AI NEWS · DAILY SLIDES
2026 / 05 / 15

PENPOT · DESIGN SOVEREIGNTY · 2026 / 05 / 15

Penpot—Figma 依存を脱却し、「デザイン資産の主権」を取り戻す Design OS

SaaS 疲れと「信頼の損傷(Trust Damage)」を超えて — オープンソース・Web 標準ネイティブ・セルフホスト可能な戦略的インフラ

Figma Professional プランの 33% 値上げと Dev Mode の有料化(Dev seat)は、業界に深刻な「信頼の損傷」を残した。設計資産という企業の核心 IP がベンダー側のクラウドにロックインされ、エディタ数に比例してコストが爆発する構造に対し、Penpot は 「自社で持てる Design OS」として根本的逆転を提示する。

MPL-2.0 ライセンス・SVG/CSS Grid/Flex ネイティブ・W3C DTCG 準拠デザイントークン・Model Context Protocol (MCP) 経由で Cursor/VS Code/Claude と直結。セルフホスト時は ユーザー数無制限・ライセンス料 $0、GDPR/HIPAA/SOC2・エアギャップ運用にも対応する。デザインの自由と知財主権を、自社の手に取り戻すための戦略的選択肢。

→ なぜ今 Penpot か Design OS の本質
License
MPL-2.0 (Open Source)
Standards
SVG / CSS Grid / Flex / DTCG
Deployment
SaaS or Self-host (Docker Compose)
AI
MCP × Cursor / VS Code / Claude
Penpot Design Sovereignty cover
PENPOT · 「無料の代替品」ではなく、デザイン資産を自社に取り戻す 戦略的インフラ

KEY METRICS

4 つの数字で読む Penpot のインパクト

Figma の 33% 値上げ・Dev seat 課金で「シート増 = コスト増」の SaaS スパイラルが顕在化した今、Penpot のセルフホストは ライセンス料 $0・ユーザー数無制限 という構造的優位を提示する。Web 標準準拠と MCP 連携が、AI 時代のデザイン基盤としての位置付けを補強する。

$0Self-host ライセンス料
33%Figma 値上げ幅 (Pro)
MPL-2.0Open Source ライセンス
MCPAI エージェント直結
Penpot PDF page 1
Penpot Design Sovereignty · プロジェクト全体像
Penpot PDF page 2
SaaS 疲れ vs OSS デザイン基盤

CHAPTER 1 · TRUST DAMAGE

「SaaS 疲れ」の正体 — Figma が組織に残した信頼の損傷

プロダクト開発において、デザインツールは 単なる作図ソフト を超え、組織の「設計基盤」そのものになった。だが業界標準 Figma の Professional プラン 33% 値上げと Dev Mode 有料化(Dev seat 導入)は、多くの開発組織に深刻な 信頼の損傷(Trust Damage) を残した。ベンダー側の都合で一方的に条件が変わる構造は、もはや看過できない経営リスクだ。

「価格・条件はベンダーが決める」— 設計資産が外部クラウドに人質取られる構造

ある朝、Figma から値上げメールが届く。Pro プランが 33% 上がる。Dev Mode は別課金になる。開発者を招待するたびに追加コストが発生する。「招くと高くなる」という状況が、ステークホルダーを巻き込んだ協働文化を内側から破壊し始める。
Damage 1

一方的な価格改定

Pro プラン 33% 値上げ。Dev seat 別課金。ベンダー都合で 予算計画が破綻し、CFO 視点で信頼が損なわれる。

Damage 2

IP ロックインのリスク

設計資産という企業の 核心的な知財(IP) が外部クラウドに保管され、移行困難。出口戦略を持たない構造的従属。

Damage 3

シート爆増の SaaS 疲れ

エディタ数に比例してコストが増大。「閲覧者にも課金」を恐れ、デザイン共有を制限する文化が根付く逆効果。

Penpot が注目される本質的な理由はここにある。それは 「無料の代替品」ではない。デザイン資産の所有権を自社に取り戻し、SaaS 依存から「戦略的インフラ」へと設計基盤をシフトさせる変革的選択肢である。

Penpot PDF page 3
Trust Damage · Figma 値上げと Dev seat 有料化
Penpot PDF page 4
SaaS 疲れ · シート爆増の構造

CHAPTER 2 · DESIGN OS

「自社で持てる Design OS」— Penpot の本質的アイデンティティ

Penpot は、デザインファイル・デザインシステム・開発ハンドオフ・AI ワークフローを統合し、自社管理下で運用できるオープンソース・デザイン基盤(Design OS)。最大の特徴は 「デザイン資産の完全所有(データ主権)」。SaaS としても、Docker Compose による自前運用でも展開可能だ。

SaaS としても、セルフホストとしても — GDPR / HIPAA / SOC2 とエアギャップ運用

機密プロジェクトの設計データをクラウドに置けない。エアギャップ運用 が求められる金融・医療・防衛系。これまで Figma を選べなかった組織が、Penpot のセルフホストで初めて 「現代的デザインツールと厳格なコンプライアンス」を両立できる。
$0 / ∞
SELF-HOST · LICENSE COST ZERO · UNLIMITED USERS

「ユーザー増 = コスト増」のスパイラルから完全に解放される

セルフホスト時は ライセンス料 $0・ユーザー数無制限。MPL-2.0 のオープンソース、ベンダー独自形式ではなく SVG / CSS 準拠の永続利用可能なデータ形式。価格改定・サービス終了の影響を直接受けない構造的優位。

比較項目SaaS 型 (Figma 等)Penpot (オープンソース)
データの所在ベンダー側のクラウド環境自社管理サーバー(セルフホスト時)
ライセンス形式プロプライエタリ(商用・非公開)オープンソース(MPL-2.0)
スケーラビリティユーザー増に伴いコストが比例増大自前運用時はユーザー数無制限(ライセンス料 $0)
ロックインのリスク高(独自形式・価格改定の影響を直接受ける)低(SVG/CSS 準拠・自社で永続利用可能)
知財管理(IP)ベンダー依存完全なデータ主権の確保
Penpot PDF page 5
Design OS · SaaS と Self-host の両モード
Penpot PDF page 6
SaaS vs OSS · 5 軸比較

CHAPTER 3 · 4 STAKEHOLDERS

4 ステークホルダーの現場の痛み — デザイナー利便性を超える経営判断

Penpot の導入は、デザイナーの利便性向上だけでなく、組織全体のコスト構造とガバナンスを最適化する経営判断だ。経営/CFO・セキュリティ/法務・デザイナー・エンジニアの 4 セグメント、それぞれの摩擦と解放を整理する。

経営 / CFO / 情シス

シート課金の爆発的増大を予測可能化

PAIN

チーム拡大に伴うシート課金の爆発的増大、予算が見通せない。

GAIN

クラウド版の上限設定(Enterprise $950/月)、またはセルフホストで完全 Cap。

OUTCOME

インフラ費用の 完全な予測可能性(Cap) の確保。

セキュリティ / 法務

機密設計資産の外部 SaaS 保管リスクを根絶

PAIN

機密性の高い設計資産が外部 SaaS に保管されるリスク。

GAIN

自社インフラ内での データ管理とガバナンス適用。GDPR/HIPAA/SOC2 準拠運用。

OUTCOME

コンプライアンス遵守と 企業の知財保護戦略(IP Strategy) の強化。

デザイナー

「招くと高くなる」共有抑制文化からの解放

PAIN

閲覧者への課金を恐れて共有を制限する文化。

GAIN

課金を気にせずエンジニアや PM を招待できる環境。閲覧無制限。

OUTCOME

組織的コラボレーションの民主化と 意思決定の加速。

エンジニア

「翻訳コスト」の物理的排除

PAIN

独自仕様デザインを実装用に 再解釈する手間(Translation Cost)。

GAIN

SVG/CSS ネイティブな 設計構造と Inspect 機能。コピー&ペースト可能 CSS 出力。

OUTCOME

「翻訳コスト」の排除と デザイン・コードの一貫性担保。

Penpot PDF page 7
Stakeholder Matrix · 4 セグメントの解放
Penpot PDF page 8
経営判断としての Penpot 導入

CHAPTER 4 · WEB STANDARD NATIVE

Web 標準ネイティブ — エンジニアが絶大に支持する「翻訳コストゼロ」の設計

Penpot がエンジニアから支持される理由は、その設計思想が 「Web 標準」に直結している 点にある。従来のデザインツールは独自アルゴリズムでレイアウトを計算するため、エンジニアが CSS へ 翻訳(Translation Cost) する作業が発生していた。Penpot は最初から SVG・CSS Grid・Flex Layout をネイティブサポートする。

デザイナーが描いた構造が、そのままブラウザのレンダリングロジックと一致する

デザイナーがキャンバスに Flex / Grid でレイアウトを組む。エンジニアが Inspect モードでコードを開く。そこに表示されるのは 翻訳された別物ではなく、そのまま動くブラウザの CSS。ハンドオフの摩擦が、設計レベルから消える。
Tech 1 · CSS
Flex / Grid を含む CSS 出力

そのままコピー&ペースト可能。翻訳ミスの排除。

Tech 2 · HTML
セマンティック・マークアップ

構造化された 実装構造の可視化を参照可能。

Tech 3 · SVG
ベクターデータをネイティブ取得

アセット書き出し手間がゼロ。書き出しダイアログ不要。

Tech 4 · Tokens
W3C DTCG 準拠

React / Tailwind とシームレス同期。デザインシステム運用の自動化。

特筆すべきは W3C Design Tokens Community Group (DTCG) 形式準拠のデザイントークン管理。設計変数を React や Tailwind CSS などの実装側へシームレスに同期させることができ、デザインシステムとしての実効性を桁違いに高める。

Penpot PDF page 9
Web Standard Native · SVG/CSS/Flex/Grid
Penpot PDF page 10
Inspect モード · CSS のコピー&ペースト

CHAPTER 5 · AI + MCP INTEGRATION

Model Context Protocol — AI エージェントとデザインデータを直結する次世代ワークフロー

Penpot は Model Context Protocol (MCP) を通じて、Cursor・VS Code・Claude などの AI エージェントとデザインデータを 直接接続 する。デザインが「構造化されたデータ」として扱えるため、AI による高度な実務自動化が現実のものとなる。

AI が「既存コンポーネントを認識し、命名規則を整え、新画面を生成する」

Claude に「ログイン画面を新規作成して」と頼む。AI は MCP 経由で Penpot の既存デザインシステムを読み、ボタン・入力フィールド・タイポグラフィの規約を尊重した上で、新しい画面を生成する。命名規則違反のレイヤーを自動で整理する作業まで含めて完結する。

ただし AI の書き込み権限を全開放することは、ガバナンス上のリスクを伴う。段階的な権限付与こそが組織導入の鍵となる。

Stage 1 · Read-only
AI に「読み取らせる」

ページ構造やトークンを AI が 読み取り専用でアクセス。セキュリティリスクを抑えつつ、実装コードの生成精度を向上させる。

Stage 2 · Metadata
メタデータの自動整理

AI を用いてレイヤー命名規則の適用や、デザインシステムとの コンプライアンスチェックを自動化する。

Stage 3 · Write
Write 権限の段階的付与

信頼性が確認された段階で、AI による コンポーネント配置・デザイン修正など書き込み操作へ権限を広げる。

Penpot PDF page 11
MCP Integration · AI ツール直結のワークフロー
Penpot PDF page 12
3-Stage Governance · Read → Metadata → Write

CHAPTER 6 · MARKET POSITIONING

戦略的住み分け — Figma / Sketch / Adobe XD との競合関係を再定義

デザインツール市場における Penpot の立ち位置は、「利便性と引き換えに主権を譲渡する SaaS モデル」への対抗軸として定義される。誇張を排して各ツールの強み・弱みを並列で評価し、Penpot が「向く組織」と「向かない組織」を明確化する。

「Penpot が最強」ではない — 組織タイプ別の戦略的選択肢として

ツール主要な強み弱み・制約推奨される組織タイプ
Figma圧倒的なシェア、豊富なプラグイン高額シート課金(Enterprise $90/人)、SaaS 依存外部共有最優先、コスト増容認
PenpotOSS、データ主権、Web 標準準拠、コスト上限エコシステム発展途上、運用リソース必要内製開発、セキュリティ重視、コスト最適化
SketchmacOS ネイティブの軽快動作macOS 依存、ブラウザ連携・OSS 性の欠如Mac 中心の特定デザインチーム
Adobe XDAdobe 製品群との親和性メンテナンスモード移行(開発停止)既存資産の維持以外は非推奨

Penpot の現実的な弱みとして、エコシステム(プラグイン・チュートリアル)が Figma と比べ発展途上であること、セルフホスト時の運用リソース(Docker / バックアップ / SSO)が必要となることは、誠実に評価すべき。「向かない用途には使わない」判断こそが、成功確率を上げる。

Penpot PDF page 13
Market Positioning · 4 ツールの戦略マトリクス
Penpot PDF page 14
Penpot の弱み · エコシステム発展途上

CHAPTER 7 · 5-STEP ADOPTION

実務導入ガイド — リスクを抑えた段階的な「棲み分け戦略」

一斉移行は現実的ではない。リスクを抑えた 段階的な「棲み分け戦略」こそが、組織における導入の成功確率を高める。5 ステップの実務ロードマップを提示する。

Step 1
スモールスタート

LP 制作や社内向け管理画面など、独立した小規模プロジェクトから採用。

Step 2
DS 部分構築

頻用するコンポーネントを Penpot で定義し、デザイントークン運用を試行。

Step 3
セルフホスト PoC

Docker Compose で自前運用テスト。バックアップ・SSO要件を確認。

Step 4
移行テスト

Figma Exporter Plugin (v0.22.0) で既存資産を検証。100% 変換は非保証、手動修正リスク管理。

Step 5
ハイブリッド運用

外部協業は Figma、機密コアプロダクトは Penpot — 用途別役割分担を正式運用。

誠実な留意点 — Figma Slides 等の最新機能は 100% 変換非保証

2026 年 5 月時点でも Figma Exporter Plugin の開発は継続中だが、100% の変換は保証されない。Slides 等の最新機能は手動修正が必要なケースが残る。これを「失敗」と捉えるか、「外部協業は Figma、機密は Penpot」のハイブリッド最適解と捉えるかが、組織の成熟度を分ける。

CHAPTER 8 · SOVEREIGNTY RECLAIMED

結末—デザインの自由と「資産の主権」を取り戻すために

Penpot は単なる「無料ツール」ではない。デザインをプロダクト開発の核心的な「資産」として捉える組織のための戦略的インフラだ。ツール選定が組織全体のコスト構造・データセキュリティ・AI 時代の開発スピードを左右する今、特定ベンダーに依存しない選択肢を持つことは経営上の強みとなる。

デザイナーのツール選定は、組織の 「知財戦略」 そのものである

2026 年、AI コーディングが普及し、デザインデータは MCP 経由で AI と直結する。その時、「自社のデザイン資産を誰が握っているか」が、組織の競争優位を直接的に決める。Penpot を選ぶか SaaS を選ぶかは、もはやデザイナー個人の好みの問題ではなく、経営戦略の一部になった。

デザインの自由を確保し、企業の知財主権を自らの手に取り戻す — これは派手な革命ではなく、静かで確実な戦略的シフトだ。特定ベンダーの値上げメールに右往左往する組織と、自社サーバー上の Design OS で淡々と開発を続ける組織。10 年後にどちらが残っているか、答えは明らかだ。

“

デザインの自由を確保し、
企業の知財主権を、自らの手に取り戻す。

— Penpot Design Sovereignty · penpot.app · 2026 / 05 / 15

まずは penpot.app での試行から始めてほしい。LP 制作や社内管理画面といった小規模プロジェクトで、Inspect モードの CSS 出力と Design Tokens の DTCG 同期を体感する。そこから、デザイン基盤を 「使い捨ての SaaS」から「永続資産」へ昇格 させる戦略的旅が始まる。