プロトタイピング

PenpotでSVGアイコンを極限まで効率化する：ベクターネットワークとパス編集の現場チートシートテックリードの君なら、デザインツールの選定において「オープンソースであること」「Gitとの親和性」「エンジニアのメンタルモデルに直結するかどう...

Penpotプロトタイピングの極意：デザインとコードの境界を溶かす、実務直結のインタラクション実装術テックリードの私たちが日々の開発現場で直面する最大のボトルネックは何か？ それは「デザインの意図」と「実装の現実」の翻訳コストだ。Figma...

【チーム開発の現場から】Penpotでスケールするデザインシステム：コンポーネントとライブラリ管理の極意テックリードやシニアUI/UXエンジニアとして、多くのプロダクトを立ち上げてきた私たちが直面する最大のボトルネックは、コードベースの複雑...

デザインとコードの断絶を終わらせる：PenpotのCSS Grid & Flexboxで実現する「エンジニアに愛される」デザインシステム構築術プロダクト開発の現場で、こんな不毛なやり取りに消耗していないだろうか。> 「デザイナーさん、このマ...

【脱Figma？】オープンソースのPenpotを自社サーバー（Docker）にセルフホストする方法プロダクト開発の現場において、デザインツールの選定は単なる「見た目の好み」ではなく、セキュリティ、コスト、そしてエンジニアとデザイナーのワーク...

FigmaからPenpotへの移行で失敗しないための注意点とSVGインポートの極意テックリードの皆さん、こんにちは。オープンソースのプロトタイピング・デザインツール「Penpot」の波が、いよいよ我々の開発現場にも本格的に押し寄せてきている...

【完全版】Penpotの初期設定と基本の使い方：コンポーネント作成から共有までのロードマップテックリードの君なら、毎日のように「デザインと実装の乖離」に頭を悩ませているはずだ。Figmaの強力な機能に慣れ親しんだ一方で、プロプライエタリ（独...

Penpotが変えるデザイン・開発の未来：Figmaからの移行と現場を加速する実践知見テックリードの皆さん、日々のデザインシステム管理や開発チームとのハンドオフに疲弊していないか？ 「デザインの微修正がコードに反映しきれていない」「ライセン...