Penpot

FigmaからPenpotへの移行は「脱出」ではない。Web標準という名の聖域への帰還だ。Figmaという「閉じた楽園」から、オープンソースの旗手であるPenpotへ移行する。多くのチームがこの移行で躓くのは、Figmaの独自のレイヤー・カ...

Penpotの深淵へ：CSSネイティブな設計思想でUI開発を極限までハックする多くのデザイナーが「Figmaの代替」としてPenpotを語る時、私は鼻で笑う。Penpotは単なるデザインツールではない。これはWeb標準をネイティブ言語として...

脱・囲い込み。Penpotを「デザインのソースコード」として掌握する極致Figmaという「閉じた楽園」に安住している諸君へ。UIデザインがバイナリのブラックボックスに封印され、APIのレートリミットに怯え、ブラックボックス化されたプロプラエ...

Penpot本番スケールアウト戦略：Redisセッション共有とWebSocket安定稼働の完全実録チームの規模が拡大し、デザインシステムが全社の単一情報源（SSOT）として機能し始めると、ローカルや単一サーバー（Docker Compose...

PenpotとHeadless UIの融合：デザインシステムからアクセシブルなReactコンポーネントを爆速で生成するパイプラインテックリードの皆さん、日々のフロントエンド開発において「デザインの変更がコードに反映されるまでのタイムラグ」や...

Penpot × GraphQL API：デザインデータ駆動型開発（DDD）でメトリクスを自動化する極意テックリードの皆さん、日々のスプリントで「今、デザインシステムはどれくらい浸透しているか」「未着手のコンポーネントはいくつあるか」といっ...

Penpotのコンポーネントバリアント応用術：状態遷移をスマートに管理するネスト構造の設計手法テックリードの君なら、こんな絶望を味わったことが一度はあるはずだ。「デザインファイル上では綺麗に並んでいたコンポーネントが、いざコードに落とし込む...

デザインとコードの「乖離」という悪夢を断つ：Penpot × PlaywrightによるVRTパイプラインの極意テックリードの皆さん、日々の開発でこんな不毛なやり取りに消耗していないだろうか。「あ、ここパディングが4pxズレてます」「デザイ...

PenpotとAWS S3・Cloudflare R2連携：セルフホスト環境における画像アセット外部ストレージ移行とコスト削減の極意テックリードの君なら、チームでPenpotのセルフホスト環境（Docker）を立ち上げた瞬間に「おや？」と気...

PenpotのSVGメタデータ完全クレンジング：デザインシステムを最速でプロダクションへ直結させる技術テックリードの皆さん、日々のデザインハンドオフに疲弊していないか？「デザイナーがPenpotで完璧なコンポーネントを作った。しかし、いざコ...