Penpot

スポンサーリンク
Penpot

【入門編】Penpotのキーボードショートカット完全マスター:作業効率を極限まで高めるチートシート – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザインの現場で、日々UIとコードの境界線を溶かしているエンジニアの先輩です。今回は、オープンソースの本格的デザイン・プロトタイピングツールとして今世界中で爆発的なシェアを広げている「Penpot(ペンポト)」を取り上...
Penpot

【入門編】PenpotのカラーマネジメントとDesign Tokens Format(W3C DTCG)完全対応:マルチプラットフォーム展開の自動化フロー – UI/UX・デザインツール活用バイブル

こんにちは!デザインとコードの境界線を溶かし、エンジニアリングの力でプロダクトの品質を極限まで高める――そんな未来を模索しているあなたへ。今日は、オープンソースのベクターグラフィック&UIデザインツール「Penpot」と、モダンなフロントエ...
Penpot

【入門編】Penpotのアイソメトリック(等角投影法)デザイン作成術:プラグインなしで立体的なUIモックアップを素早く構築する裏技 – UI/UX・デザインツール活用バイブル

こんにちは!デザインシステムとプロトタイピングの限界を日々模索している先輩エンジニアです。今日は、オープンソースの最強デザインツール「Penpot」を使って、プラグインを一切使わずに、息を飲むほど美しいアイソメトリック(等角投影法)デザイン...
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・デザインツール活用バイブル

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