Penpot

スポンサーリンク
Penpot

【入門編】【エラー解決】Penpotのセルフホスト環境でよくあるトラブルとパフォーマンス改善の極意 – UI/UX・デザインツール活用バイブル

こんにちは!オープンソースの最高峰デザイン・プロトタイピングツール「Penpot」の世界へようこそ。デザイナーと開発者が同じ言語(SVGとCSS)でシームレスにコラボレーションできるPenpotは、モダンなプロダクト開発の現場において最強の...
Penpot

【入門編】PenpotでSVGアイコンやベクターグラフィックスを自在に操る!パス編集の裏技 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナーの先輩として、今日は君にとてもエキサイティングな話をしよう。デザインツールといえば、これまでは特定のクローズドな有料ソフトが業界標準を牛耳ってきたよね。でも、開発者とデザイナーの共通言語として「オープンソース...
Penpot

【入門編】Penpotのプロトタイピング機能で画面遷移とインタラクションを実装する方法 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナーの先輩として、今日は君にとてもエキサイティングな話をしよう。デザインツールといえば、長らく高価なクローズド環境のサブスクリプションが当たり前だったよね。でも、今のオープンソース・エコシステムはそこを完全に超越...
Penpot

【入門編】【チーム開発向け】Penpotのコンポーネントとライブラリ管理のベストプラクティス – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナーの先輩として、今日は君に「Penpot」を使ったチーム開発の極意を伝授しよう。「Figmaは知っているけれど、Penpotはまだ触ったことがない」「オープンソースのプロトタイピングツールって、実際のチーム開発...
Penpot

【入門編】Penpotの「CSS Grid」と「Flexbox」機能を徹底活用!エンジニアに伝わりやすいデザインの作り方 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナー、そしてフロントエンドエンジニアのあなたへ。デザインツールを触っていて、こんなモヤモヤを感じたことはありませんか?「なんでデザインツール独自のレイアウト概念を覚え直さなきゃいけないんだ……。これ、そのままCS...
Penpot

【入門編】【脱Figma?】オープンソースのPenpotを自社サーバー(Docker)にセルフホストする方法 – UI/UX・デザインツール活用バイブル

こんにちは!デザインシステムの構築や、デザイナーとエンジニアの境界線を溶かすシームレスなワークフローに日夜頭を悩ませている熱い仲間たちへ。今日もFigmaを開いて、「素晴らしいツールだけど、エンタープライズの厳格なセキュリティ要件や、万が一...
Penpot

【入門編】FigmaからPenpotへの移行で失敗しないための注意点とSVGインポートのコツ – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザインの現場で、日々UIとコードの境界線を溶かしているエンジニアの先輩です。「Figmaのサブスク費用やオープンソースの思想に共感して、チームでPenpotへ移行したい。だけど、今まで積み上げてきた資産が移行で崩壊す...
Penpot

【入門編】【完全版】Penpotの初期設定と基本の使い方:コンポーネント作成から共有までのロードマップ – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザイナー、そしてエンジニアの皆さん。日々、デザインツールとコードベースの往復で「なぜUIデザインのレイアウトとCSSの挙動がこうもズレるんだ…」と頭を抱えたことはありませんか?今回は、オープンソース(OSS)界隈でい...
Penpot

【入門編】オープンソースのUI/UXデザインツール「Penpot」とは?Figmaからの移行手順とメリットを徹底解説 – UI/UX・デザインツール活用バイブル

こんにちは!プロダクトデザインとフロントエンドの境界線をなくすことに情熱を燃やしている先輩エンジニアです。今日は、デザイナードリヴンな開発現場のあり方を根底から変える可能性を秘めた、今最もアツいオープンソースのUI/UXデザインツール「Pe...
スポンサーリンク