プロトタイピング

スポンサーリンク
Penpot

【入門編】Penpotのパフォーマンスチューニング極意:巨大なコンポーネントライブラリを軽量化し、ブラウザのメモリ消費を劇的に抑える裏技 – UI/UX・デザインツール活用バイブル

こんにちは!デザインシステムとプロトタイピングの現場を駆け抜けてきた先輩エンジニアのボクです。突然ですが、こんな経験はありませんか?「Figmaからオープンソースの旗手である『Penpot』に乗り換えてみたはいいものの、デザインシステムが成...
Penpot

【入門編】PenpotのCSS変数(CSS Custom Properties)完全連携術:デザインシステムのトークンをコードへダイレクトに反映させる方法 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナー、そしてエンジニアの皆さん。日々の開発の中で、こんな無力感を覚えたことはありませんか?「Figma(やPenpot)でデザインの微調整が入るたびに、エンジニアがコード側のカラーコードやマージンを書き換える……...
Penpot

【入門編】PenpotのSVGエクスポートカスタマイズ:不要なメタデータを一掃しプロダクションコード直結の軽量SVGを出力する設定術 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクト開発の現場で、デザイナーとエンジニアの橋渡しに情熱を燃やしている先輩エンジニアです。今日は、オープンソースの本格的デザインツール「Penpot」と、モダンなフロントエンド開発を直結させる、とっておきの実践知見をお話しし...
Penpot

【入門編】Penpotデータベースの内部構造とバックアップ戦略:PostgreSQLを用いたデザインデータの定期バックアップとマイグレーション手法 – UI/UX・デザインツール活用バイブル

こんにちは!デザインシステムとエンジニアリングの境界線を美しく溶かす、プロダクトデザイナーの先輩です。普段、Figmaなどのクラウド型ツールを使っていると、「自分たちのデザインデータがどこに保存され、どう管理されているか」を意識することはほ...
Penpot

【入門編】Penpotのマルチプレイヤー編集におけるWebSocket通信の仕組みと、社内プロキシ環境で発生する接続エラーの完全解決策 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナーやUIエンジニアの皆さん、日々のプロトタイピング作業、楽しんでいますか?デザインツールといえばFigmaがデファクトスタンダードになっていますが、最近、オープンソース(OSS)であり、セルフホスト(オンプレミ...
Penpot

【入門編】Kubernetes環境におけるPenpotのスケーラブルな本番運用:Auto Scalingと永続ボリューム設定の完全設計図 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザインとフロントエンドの境界線を溶かし、デザイナーとエンジニアを真に同期させるオープンソースのプロトタイピングツール「Penpot」の世界へようこそ。「Figmaの強力なオープンソース代替としてPenpotを触ってみ...
Penpot

【入門編】PenpotとStorybookの連携ワークフロー:デザインシステムをコンポーネント単位で双方向同期する実践ガイド – UI/UX・デザインツール活用バイブル

こんにちは!プロダクト開発の現場で、デザイナーとエンジニアのハンドオフ(引き継ぎ)の壁に頭を悩ませたことはありませんか?「デザインの微調整がエンジニアに伝わっていない」「コード側のコンポーネントとデザインのレイヤー構造がバラバラ」そんな「デ...
Penpot

【入門編】PenpotのSVG内部コード直接編集(Code Editor)機能の活用術:デザインとSVGコードを完全同期させる裏技 – UI/UX・デザインツール活用バイブル

こんにちは!デザインとコードの境界線を溶かし、プロダクトづくりのスピードを限界突破させるのが大好きな先輩エンジニアです。今日は、オープンソースの次世代デザインツール「Penpot」の真髄、そしてプロトタイピングの常識をひっくり返す隠し武器「...
Penpot

【入門編】Penpotのフォント管理の闇を断つ:カスタムWebフォントのセルフホスト環境での適用とトラブルシューティング – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナー、そしてフロントエンドエンジニアのあなたなら、一度はこんな絶望を味わったことがないでしょうか?「チームでFigmaからオープンソースのオープンなプロトタイピングツール『Penpot』に移行したはいいが、ローカ...
Penpot

【入門編】Penpotプラグイン自作入門:TypeScriptで独自のアドオン開発をゼロから始める方法 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザインとフロントエンドの境界線を溶かすような、ワクワクするモノづくりをしていますか?今回は、オープンソースの次世代デザインツールとして世界中のエンジニアとデザイナーから熱い視線を注がれている「Penpot」を取り上げ...
スポンサーリンク