Figma

Figmaの「Conditional Logic」を限界まで使い倒す：状態を持つ完全インタラクティブなECカートの構築とデザインシステム統合UI/UXデザイナーとフロントエンドエンジニアの間に存在する「プロトタイプの溝」——それは、プロトタ...

Figma「Component Swap Property」の高度なネスト活用！複雑なアイコン・アバターシステムの極限構築術現場でデザインシステムを構築していると、必ずぶち当たる壁があります。「ボタン内のアイコンを差し替えるために、5回もダ...

Figmaの「Component Description」とドキュメンテーション駆動デザイン：属人性を破壊する最強のチーム運用プラクティス1. なぜあなたのデザインシステムは「腐敗」するのか？大規模なプロダクト開発において、デザインシステム...

プロダクトのパフォーマンスを極限まで詰める局面において、多くのチームが見落としがちな盲点があります。それが「Figmaからそのまま書き出されたSVGファイルの肥大化」です。プロダクトデザイナーが意図した美しいUIアイコン。しかし、Figma...

Figmaの「マルチプレイヤー・カオス」を制圧せよ：大規模同時編集を爆速化する極限のワークスペース運用術Figmaは単なるデザインツールではない。それは製品開発の「指揮官（コマンダー）」たちが集うリアルタイム・オペレーティングシステムだ。し...

Figma Component 4.0時代の「真・デザイントークン」運用術：Style DictionaryとGitHubを繋ぐ自動化の極致「デザインとコードの乖離」という、我々エンジニアとデザイナーを長年苦しめてきた不毛な争いに、ようやく...

Figmaの「Export」を極める。プロダクトの品質と開発速度を決定づける、アセット書き出しの最終回答UI/UXデザイナーとエンジニアの境界線において、最も摩擦が起きやすく、かつプロダクトのパフォーマンスに直結するのが「アセットの書き出し...

Figma「Comments」を制する者はプロジェクトを制す！ステークホルダーからのフィードバックを「資産」に変えるプロジェクトマネジメント術開発プロジェクトを率いるテックリードの皆さん、日々のデザインレビューやステークホルダーからのフィー...

Figmaの「Release Notes」とバージョン履歴を駆使し、デザイン資産を安全に復元・比較するプロの技皆さん、こんにちは！プロダクト開発の最前線で、日々UI/UXの進化を牽引されているエンジニアの皆さん。私は、数々のプロジェクトでデ...

Figmaの「Instance Swap Property」を極める！ネストされたコンポーネントを自由自在に操り、開発スピードを劇的に高める上級テクニックどうも、テックリードの皆さん。日々の開発、お疲れ様です。デザインと開発の橋渡し、そして...