プロトタイピング

PenpotのカラーマネジメントとDesign Tokens完全対応：マルチプラットフォーム展開の自動化パイプライン構築テックリードの皆さん、こんにちは。デザインとコードの境界線をなくし、マルチプラットフォーム（iOS / Android ...

Penpotのアイソメトリック（等角投影法）デザイン作成術：プラグインなしで立体的なUIモックアップを素早く構築する裏技テックリードの君なら、クライアントやステークホルダーに「おっ」と言わせるモックアップの必要性を痛感しているはずだ。フラッ...

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のアセットを、エンジニアがコード...