プロトタイピング

スポンサーリンク
Figma

【実務・中級編】Figmaの「Content Reel」やAI系プラグインを駆使したダミーデータの超高速生成術!リアリティのあるモックアップを一瞬で作る方法 – UI/UX・デザインツール活用バイブル

Figmaを「データ駆動」で支配する:Content ReelとAIプラグインを駆使した、モックアップ超高速生成の極意モダンなプロダクト開発において、「Lorem Ipsum(ロレム・イプサム)」や手作業のコピペで埋められたデザインモックア...
Figma

【実務・中級編】Figmaの「Spotlight」機能と音声チャットでリモートのUI/UXワークショップを最高潮に盛り上げるファシリテーション術 – UI/UX・デザインツール活用バイブル

リモートの境界線を消し去れ:Figma「Spotlight」と音声チャットがもたらす、熱狂的UI/UXワークショップの設計図こんにちは。テックリードの私たちが日々の開発スピードを極限まで高めるためには、コードを書く速度だけではなく、「仕様合...
Figma

【実務・中級編】Figmaのローカルフォント管理の悩みから解放される!Font Agentを活用した効率的なフォント同期とチーム内共有の裏技 – UI/UX・デザインツール活用バイブル

Figmaのローカルフォント管理から解放される!Font Agentを活用した極限の同期・共有ワークフロー「デザインを開いたら、また『Missing Fonts(フォントの欠落)』の警告が出ている……」「MacとWindowsでフォント名が...
Figma

【実務・中級編】FigmaのスクリプトとREST API連携で実現するデザインアセットの自動バックアップとメトリクス計測 – UI/UX・デザインツール活用バイブル

Figmaを「デザインの黒箱」から解放せよ:REST APIとCI/CDで構築するデザインアセット自動バックアップ&メトリクス計測基盤デザインシステムが巨大化するにつれ、プロダクト開発の現場ではひとつの共通の課題に直面する。「誰が、どのコン...
Figma

【実務・中級編】大規模組織のFigma管理術!チーム・プロジェクト・プロジェクト権限の設計とデザインガバナンスの維持方法 – UI/UX・デザインツール活用バイブル

組織崩壊を防ぐFigmaガバナンス:大規模組織におけるワークスペース設計とスケーラブルな運用術プロダクト開発組織がスケールするフェーズにおいて、コードベースの治安が崩壊するのと同様に、Figmaのワークスペースもまた「野良ファイル」「重複し...
Figma

【実務・中級編】Figmaの「Advanced Prototyping」を極める!数式と条件分岐を使った複雑なマイクロインタラクションの実装 – UI/UX・デザインツール活用バイブル

Figmaの「Advanced Prototyping」を極める:数式と条件分岐による動的UIシミュレーションの実装こんにちは。テックリードとして日々プロダクト開発の最前線に立っていると、「画面遷移だけのハリボテのプロトタイプ」に限界を感じ...
Figma

【実務・中級編】Figmaのコンポーネントプロパティ(Component Properties)の高度なネスト活用術と命名規則のベストプラクティス – UI/UX・デザインツール活用バイブル

Figmaコンポーネントプロパティの極意:ネスト地獄を断ち切り、デザインシステムをコードへ直結させる設計論こんにちは。テックリードとして日々デザインシステムとフロントエンドの橋渡しをしているあなたなら、こんな悪夢に直面したことがあるはずだ。...
Figma

【実務・中級編】Figmaプラグイン自作入門!TypeScriptを使って社内ニッチな自動化ツールを開発する方法 – UI/UX・デザインツール活用バイブル

Figmaプラグイン自作入門:TypeScriptで実現する、チームの生産性を限界突破させる社内ニッチ自動化ツールの極意こんにちは。テックリードとして日々デザインシステムと向き合っていると、必ず直面する壁がある。それは「既製のFigmaプラ...
Figma

【実務・中級編】Figmaのアクセシビリティチェック機能徹底活用!WCAG基準を満たすデザインの効率的な検証方法 – UI/UX・デザインツール活用バイブル

アクセシビリティは「後付けの修正」ではない:Figmaで完結させるインクルーシブ・デザインのワークフローテックリードの皆さん、日々のコンポーネント設計やデザインシステムの運用、本当にお疲れ様です。プロダクトの規模が拡大するにつれ、アクセシビ...
Figma

【実務・中級編】Figmaのブランチ機能(Branches)で安全なチーム開発を実現する運用ルールとマージ競合の解決方法 – UI/UX・デザインツール活用バイブル

Figmaブランチ戦略:プロダクトの速度を落とさずに「絶対に壊れない」マルチプル・ワークフローを構築する極意テックリードやプロダクトデザイナーの皆さん、日々のデザインプロセスの裏で、こんな「構造的負債」に悩まされていないだろうか。「メインフ...
スポンサーリンク