Penpot、オープンソースデザインプラットフォームが台頭

オープンソースのデザインプラットフォーム「Penpot」が、2026年6月21日時点でGitHub Trendingに掲載され、開発者コミュニティの関心を集めている。同プロジェクトは、プロダクトチーム向けの設計プラットフォームとして、コードベースのアプローチと完全なセルフホスティング対応を強みとする。

背景と位置づけ

UI/UXデザインツール市場は、Figmaの事実上の独占状態にある。Figmaは2022年にAdobeによる200億ドルの買収が競争当局の審査で頓挫した後も、クラウドベースのデザインツールとして圧倒的なシェアを維持している。しかし、同プラットフォームはプロプライエタリ製品であり、ベンダーロックインやデータ主権の懸念が企業導入の障壁となるケースがある。

Penpotはこうした状況に対抗するオープンソースの選択肢として登場した。スペインのスタートアップKaleidosが開発するPenpotは、2021年のベータ公開以来、デザインツール市場に風穴を開ける存在として注目を集めてきた。

コードベースアプローチ

Penpotの最大の特徴は、デザインをコードとして表現する点にある。具体的には、SVG、CSS、HTML、JSONといった標準的なWeb技術をベースとしており、開発者にとって親和性が高い。デザインファイルをエクスポートする際、既存のコードとしてそのまま利用できるため、デザインからコードへの変換作業が大幅に削減される。

さらに、MCPサーバーを介することで、デザインとコード間の多方向ワークフローが実現する。これにより、デザイナーが変更を加えると同時に開発者側のコードに反映させる、あるいはその逆のプロセスが可能となる。MCP（Model Context Protocol）はAnthropicが提唱するプロトコルで、AIエージェントとツール間の連携を標準化する。Penpotはこのプロトコルをデザインワークフローに応用した先駆的な事例と言える。

デザイントークンと一元管理

Penpotは、ネイティブのデザイントークン機能を備えている。デザイントークンとは、色、フォントサイズ、スペーシングといったデザイン属性をコードとして一元管理する手法である。これにより、デザインと開発間で単一の情報源が確立され、一貫性の維持が容易になる。

大規模なデザインシステムを運用する組織では、数百にのぼるトークンを管理する必要がある。Penpotはこのプロセスを標準機能として提供しており、Figmaでサードパーティプラグインに依存していた部分をネイティブでカバーする。

セルフホスティングの利点

Penpotのセルフホスティング対応は、厳格なコンプライアンス要件を持つ組織にとって重要な意味を持つ。金融機関、医療機関、政府機関などは、顧客データやデザイン資産を外部サーバーに置くことを許容されないケースが多い。Penpotは自社サーバーにインストールすることで、データ主権を完全に維持できる。

同プラットフォームはDockerコンテナとして提供されており、導入は比較的容易だ。最小構成では1台のサーバーで動作し、スケールアウトにも対応する。公式ドキュメントでは、AWS、GCP、Azureへのデプロイ手順が詳述されている。

リアルタイムコラボレーション

Penpotはリアルタイムコラボレーション機能を標準搭載する。複数のデザイナーが同時に同じキャンバス上で作業でき、変更は即座に他の参加者に反映される。この機能は、リモートワークが定着した現代の開発環境において必須のものとなっている。

Figmaのリアルタイムコラボレーションは同製品の最大の強みの一つだが、Penpotも同等の機能をオープンソースで実現している点は注目に値する。

CSS GridとFlex Layout

PenpotはCSS GridとFlexbox（Flex Layout）をネイティブにサポートする。これらのレイアウト技術は、レスポンシブデザインの基盤であり、コードに近い形でデザインを表現できる。デザイナーが作成したレイアウトは、そのまま実装に移行できるため、デザインハンドオフの効率が向上する。

従来のデザインツールでは、ピクセル単位の固定レイアウトが主流だったが、PenpotではCSSの概念をデザイン段階から取り込むことで、実装との乖離を最小化する。

APIとプラグインシステム

Penpotは強力なオープンAPIとプラグインシステムを提供する。これにより、ワークスペースをプログラム可能な環境として拡張できる。

具体的なユースケースとしては、CI/CDパイプラインへの統合、デザインデータの自動エクスポート、AIによるデザイン生成ワークフローの構築などが考えられる。プラグインはJavaScriptで開発でき、コミュニティによる拡張が期待される。

インスペクトモード

Penpotのインスペクトモードでは、SVG、CSS、HTMLのコードを即座に参照できる。デベロッパーはデザインファイルから直接コードを読み取り、実装に活用できる。この機能は、デザイナーと開発者の間で発生しがちな認識のずれを解消する役割を果たす。

市場への影響

Penpotの成長は、デザインツール市場に競争をもたらす。Figmaは無料プランと有料プランを提供しているが、チームでの利用やエンタープライズ機能にはコストが発生する。Penpotはオープンソースであるため、ソフトウェア自体のライセンスコストはゼロであり、運用コストのみで利用できる。

また、データ主権の問題は、特にEU圏の企業にとって重要だ。GDPR（一般データ保護規則）の厳格な要件を満たすため、データを域外に移転しないことのできるPenpotは、EU企業にとって有力な選択肢となり得る。

コミュニティとエコシステム

PenpotはGitHub上で活発に開発が進められており、スター数は2万を超える。コントリビューターは世界中から参加しており、プラグインエコシステムも拡大中だ。

学習リソースとしては、公式のユーザーガイド、ラーニングセンター、コミュニティフォーラムが用意されている。また、YouTubeやPeerTubeを通じた動画チュートリアルも公開されている。

編集部の見解

短期的には、PenpotのGitHub Trending掲載は、開発者コミュニティにおける認知度向上に寄与する。特に、セルフホスティング可能なデザインツールを求める企業が、導入評価の俎上に載せるケースが増えると予想される。また、Figmaの価格改定や機能変更が行われた場合、代替としてPenpotを選択する組織が一定数出現するだろう。同プラットフォームの安定性と機能充実度が、企業導入の可否を左右する鍵となる。 長期的には、Penpotがデザインツール市場の構造を変える可能性がある。オープンソースのデザインツールが成熟することで、プロプライエタリ製品への依存度が低下し、データ主権とコスト管理の選択肢が拡大する。ただし、Figmaのネットワーク効果（既存のデザインファイル、プラグインエコシステム、ユーザーベース）は強力であり、Penpotがこれを凌駕するには、さらなる差別化とエコシステムの拡充が必要だ。特にAIワークフローとの統合や、大規模組織向けの管理機能が今後の成否を分けると言えそうだ。 編集部への問いとして、読者には以下の論点を考えていただきたい。

参考

• Penpot GitHubリポジトリ — 2026-06-21公開
• Penpot公式サイト: https://penpot.app/