比較
Penpot vs Figma：正直な比較と、第3の選択肢
一方は業界標準、もう一方はオープンソースの挑戦者。それでも、どちらも Web ページではないキャンバスに描いています。それがあなたにとって何を意味するのかを見ていきます。
Baurice Ley · 5分で読めます · 2026年10月9日に事実確認済み
開示：私たちは Kalka の開発元です。Penpot と Figma に関する情報は、各社の公式サイトとヘルプセンターをもとに、2026年10月9日に確認したものです。
並べて比較
| Figma | Penpot | Kalka | |
|---|---|---|---|
| オープンソース | いいえ | はい | はい、MIT |
| 動作環境 | Web とデスクトップ | Web、セルフホスト可能 | デスクトップ：macOS、Windows、Linux |
| レイアウト | オートレイアウト | CSS Flex と Grid | CSS、ブラウザがレイアウト |
| コード | Dev Mode、MCP サーバー | インスペクト：SVG、CSS、HTML | デザインそのものがコード |
| AI エージェント | MCP、キャンバスへの書き込みはベータ版 | オープンな MCP サーバー | ローカル MCP を内蔵 |
| 状況 | 成熟 | 成熟 | 開発中 |
Figma が優れている点
- エコシステム：プラグイン、コミュニティファイル、そしてクライアントやチームメンバーがすでに使っているという事実。
- MCP サーバーがコーディングエージェント向けにデザインのコンテキストを読み取ります。さらにベータ版として、エージェントがキャンバス上のコンテンツを作成・編集できるようになりました。
Penpot が優れている点
- オープンソースで、ファイル数もシート数も無制限の無料プランがあり、セルフホストも選べます。
- CSS Flex と Grid にもとづくレイアウト。コードを SVG、CSS、HTML でインスペクトできます。
- Penpot Exporter を使えば、Figma のファイルを移行できます。
どちらも変えていないこと
どちらのツールでも、キャンバスは Web ページを模した図にすぎません。Penpot は CSS のレイアウトを採用することで一歩近づいていますが、それでもページはあとから構築する必要があり、誰かがデザインと一致しているかを確認することになります。
第3の選択肢：キャンバスそのものがページ
Kalka は Figma でおなじみのパネルや操作感をそのまま残しつつ、キャンバスはブラウザが描画する本物の HTML と CSS です。プロジェクトはあなたが所有するファイルのフォルダで、Git でバージョン管理でき、どんな AI エージェントも利用上限のないローカル MCP サーバーを通じて作業できます。
Kalka は開発中のオープンソースプロジェクトです。コードへの引き渡しを理由に Penpot と Figma のどちらにするか迷っているなら、待ってみる価値があるかもしれません。