penpot

Penpotは、デザインとコード協業のために作られた初のオープンソースデザインツールです。デザイナーはインタラクティブなプロトタイプやデザインシステムを作成でき、開発者はすぐに使えるコードを取得できます。SVG、CSS、HTML、JSONのオープンスタンダードで動作し、ブラウザまたはセルフホストで利用可能です。

• デザイン+コード協業 — デザインをコードとして表現。インスペクトモードでSVG、CSS、HTMLコードに即座にアクセス
• CSS Grid Layout — デザインツール初のネイティブCSS Grid Layout機能。Penpot 2.0で導入
• デザイントークン — ネイティブのデザイントークンサポート。デザインと開発の間の単一ソースオブトゥルース
• コンポーネントシステム — コンポーネントとバリアントによるスケーラブルなデザインシステム構築
• プラグインシステム — Penpot Hubでプラグインを公開・利用。外部アプリとの連携やカスタムソリューションの構築が可能
• セルフホスト — Docker、Kubernetes、Elestioなど複数のデプロイ方法に対応。SaaS版はdesign.penpot.appで無料利用
• オープンスタンダード — SVG、CSS、HTML、JSONベース。ベンダーロックインなし

Clojure + ClojureScript製（MPL-2.0ライセンス）。こんな人におすすめ: Figmaの代替としてオープンソースのデザインツールが必要なチーム、デザインとフロントエンド開発のハンドオフを効率化したい組織。導入のポイント: design.penpot.app で即座にSaaS版を無料利用可能。セルフホストはDockerで導入。CSS Grid LayoutとデザイントークンのネイティブサポートはPenpotの独自の強みです。