Penpot

Penpotのパフォーマンスチューニング極意：巨大なデザインシステムを「超軽量」に保つプロの技術テックリードの君なら、一度は経験があるはずだ。プロダクトの成長に伴い、デザインシステムが肥大化。数千のコンポーネント、ネストされすぎたオートレイ...

PenpotのCSS変数（CSS Custom Properties）完全連携術：デザインシステムのトークンをコードへダイレクトに反映させる方法デザインとコードの乖離は、すべてのフロントエンドエンジニアとプロダクトデザイナーが一度は直面する...

Penpot SVG最適化の極意：ゴミメタデータを一掃し、プロダクション直結の軽量コードを手に入れる方法こんにちは。テックリードとして日々フロントエンドのパフォーマンスチューニングとデザインシステムの保守に奔走している者だ。デザインツールか...

Penpotセルフホスト運用論：PostgreSQLを支配し、デザインデータを永遠に守るアーキテクチャ設計テックリードの皆さん、こんにちは。私たちは日々、デザインシステムをコードに落とし込み、UI/UXの精度を極限まで高めることに心血を注い...

Penpotマルチプレイヤー編集の深層：WebSocketの仕組みと、社内プロキシ要塞を突破する完全実践ガイドプロダクトデザイナーとエンジニアが同一のカンバス上でピクセルを議論し、その場でコードの文脈とデザインシステムを同期させる――。オー...

Kubernetes環境におけるPenpotのスケーラブルな本番運用：Auto Scalingと永続ボリューム設定の完全設計図プロダクト開発において、デザインとコードの乖離をなくし、デザインシステムの単一の真実のソース（Single Sou...

Penpot × Storybook：デザインシステムをコンポーネント単位で双方向同期する実践ガイドプロダクトの規模が拡大するにつれて、デザイナーとエンジニアの間で「デザインの正解はどこにあるのか」という不毛な同期ズレが起きる。Figmaと...

Penpot SVG Code Editor極限活用術：デザインとコードを完全同期させるプロダクション・ハックテックリードの皆さん、日々のデザインハンドオフに疲弊していないか？「デザイナーが納品したFigmaのアセットを、エンジニアがコード...

Penpotのフォント管理の闇を断つ：セルフホスト環境におけるカスタム日本語フォントの完全制覇テックリードの皆さん、日々のデザインシステム運用の裏側で、こんな「闇」に直面していないだろうか。SaaS版ではなくDocker等でPenpotを完...

Penpotプラグイン自作入門：TypeScriptによる独自アドオン開発の極意デザインツール市場において、オープンソースでありながらFigmaに匹敵するアーキテクチャを持つ「Penpot」は、開発者ファーストなプロダクトチームにとって最強...