Penpot

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

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

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

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

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

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

こんにちは！プロダクトデザイナー、そしてエンジニアの皆さん。日々、Figmaなどのクラウド型デザインツールを使ってチームで画面設計をしていることと思います。素晴らしいツールですよね。しかし、ふとこんな不安が頭をよぎったことはありませんか？「...

こんにちは！プロダクトデザイナー、そしてフロントエンドエンジニアの皆さん。日々のデザインシステム運用の現場で、こんなストレスを感じたことはありませんか？「Figma（またはPenpot）で作ったデザインシステムと、実際のReactコードの間...

こんにちは！デザインシステムとエンジニアリングの境界線を溶かすような開発、ワクワクしますよね。普段、私たちはFigmaやPenpotといったデザインツールを使ってUIを作っていますが、「今、チーム全体でいくつのコンポーネントが使われているん...

こんにちは！プロダクトデザイナー、そしてフロントエンドエンジニアの皆さん。日々、デザインとコードのギャップに頭を悩ませていませんか？「Figmaは便利だけど、オープンソースの自由度やエンジニアのメンタルモデルとの完全な同期が欲しい」そう感じ...