Penpot 【入門編】【チーム開発向け】Penpotのコンポーネントとライブラリ管理のベストプラクティス – UI/UX・デザインツール活用バイブル
こんにちは！プロダクトデザイナーの先輩として、今日は君に「Penpot」を使ったチーム開発の極意を伝授しよう。「Figmaは知っているけれど、Penpotはまだ触ったことがない」「オープンソースのプロトタイピングツールって、実際のチーム開発...
UI/UX・デザインツール
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...
Sketch 【入門編】Sketchの「Cloud Documents」におけるオフライン作業時の同期トラブルと安全な競合回避策 – UI/UX・デザインツール活用バイブル
こんにちは！プロダクトデザイナーやUIエンジニアの皆さん、日々のデザインシステム構築やプロトタイピング、本当にお疲れ様です。デザインツールを使いこなす上で、「データの同期トラブル」ほど胃が痛くなる瞬間はありませんよね。特に、移動中や電波の悪...
Sketch 【入門編】Sketchの「Smart Distribute」を応用した複雑なデータグリッドとテーブル自動生成術 – UI/UX・デザインツール活用バイブル
こんにちは！プロダクトデザイナーの先輩として、今日は君の毎日のデザイン作業を劇的に変える魔法のようなテクニックを伝授するよ。デザインシステムを構築していると、避けて通れないのが「データグリッド」や「複雑なテーブル」の設計だよね。ダッシュボー...
Sketch 【入門編】Sketchとアクセシビリティの未来：キーボードナビゲーションとフォーカス状態をプロトタイプ上で視覚化する設計手法 – UI/UX・デザインツール活用バイブル
こんにちは！プロダクトデザイナーの先輩として、今日は君にとてもエキサイティングな話をしよう。近年のWebやアプリ開発において、「アクセシビリティ（誰一人取り残さないデザイン）」の重要性は、もはや「あれば嬉しいオプション」ではなく、法規的にも...
Sketch 【入門編】Sketchの「Metadata」とドキュメント管理：カスタムプロパティを駆使した社内デザイン資産の検索性向上ハック – UI/UX・デザインツール活用バイブル
こんにちは！プロダクトデザイナーの先輩として、今日は君と少しディープで、でも毎日のデザインワークを劇的に楽にする話をしようか。デザインツールとしての「Sketch」は、その軽快な動作とネイティブらしい洗練されたUIで長年愛されてきた名器だ。...