Figma

スポンサーリンク
Figma

【テクニカル・上級編】Figmaの「Styles」と「Variables」の境界線!大規模プロジェクトにおける使い分けの基準と移行戦略 – UI/UX・デザインツール活用バイブル

Figmaの「Styles」と「Variables」の境界線:大規模デザインシステムにおけるトークン駆動アーキテクチャの極意デザインシステムの黎明期、私たちはFigmaの「Styles(Color Styles, Text Styles等)...
Figma

【テクニカル・上級編】Figmaの「Dev Mode」におけるカスタムAnnotation(注釈)機能の活用法!エンジニアとのコミュニケーションを極限まで円滑にする方法 – UI/UX・デザインツール活用バイブル

Figma Dev Mode カスタムAnnotationの極限活用:デザインハンドオフの「非同期破壊」とCI/CDパイプライン統合幾度となく「デザインと実装の乖離」という名の技術的負債に直面してきたエンジニアたちへ告ぐ。PDFの仕様書、ス...
Figma

【テクニカル・上級編】Figmaの「Component Property」と「Boolean」を組み合わせた無限に拡張可能な汎用カードコンポーネントの作り方 – UI/UX・デザインツール活用バイブル

限界突破のコンポーネント設計:Figma PropertyとBooleanによる「ゼロ・レイヤー肥大化」カードコンポーネントの構築手法デザインシステムが成長フェーズからスケールフェーズへと移行する際、最も高確率でチームを崩壊させる癌(がん)...
Figma

【テクニカル・上級編】Figmaの「Auto Layout 5.0」における絶対配置(Absolute Position)の実践的ユースケースとレイアウト崩れを防ぐコツ – UI/UX・デザインツール活用バイブル

Auto Layout 5.0の絶対配置(Absolute Position)を骨の髄まで使い倒す:レイアウト破綻を根絶するアーキテクチャ設計筆者が数々の大規模デザインシステムを構築・監査してきた中で、最も多くのチームが「なんとなくの感覚」...
Figma

【実務・中級編】Figmaの「Styles」と「Variables」の境界線!大規模プロジェクトにおける使い分けの基準と移行戦略 – UI/UX・デザインツール活用バイブル

Figmaの「Styles」と「Variables」の境界線:大規模プロダクトを「負債」にしないための設計哲学こんにちは。プロダクトの命運を握るデザインシステムを構築する際、多くのチームが「StylesとVariables、どっちを優先すべ...
Figma

【実務・中級編】Figmaの「Dev Mode」におけるカスタムAnnotation(注釈)機能の活用法!エンジニアとのコミュニケーションを極限まで円滑にする方法 – UI/UX・デザインツール活用バイブル

Figma Dev Modeを「ただの閲覧ツール」で終わらせるな:エンジニアとの境界線を消滅させる注釈戦略こんにちは。プロダクトの命運を握るテックリードの皆さん、そしてUI/UXデザイナーの皆さん。Figmaの「Dev Mode」がリリース...
Figma

【実務・中級編】Figmaの「Component Property」と「Boolean」を組み合わせた無限に拡張可能な汎用カードコンポーネントの作り方 – UI/UX・デザインツール活用バイブル

Figma「Component Property」の極致:無限拡張可能なカードコンポーネント設計論現場のデザイナーやエンジニアが陥る典型的な地獄がある。それは「バリエーションが増えるたびにバリアントを増やし、コンポーネントセットが巨大な墓標...
Figma

【実務・中級編】Figmaの「Auto Layout 5.0」における絶対配置(Absolute Position)の実践的ユースケースとレイアウト崩れを防ぐコツ – UI/UX・デザインツール活用バイブル

Figma「Auto Layout 5.0」の絶対配置:なぜ多くのUIは「崩壊」するのか?——プロが教える設計の急所UI/UXを語る上で、Auto LayoutはもはやOSの一部だ。だが、多くのチームが「絶対配置(Absolute Posi...
Figma

【テクニカル・上級編】Figmaの「Conditional Logic」を応用した完全インタラクティブなEコマースカート機能のプロトタイプ構築術 – UI/UX・デザインツール活用バイブル

プロトタイピングの再定義:Figma VariablesとConditional Logicによる「カート機能」の極限実装Figmaのプロトタイピングは、かつて「遷移のシミュレーション」に過ぎなかった。しかし、VariablesとCondi...
Figma

【テクニカル・上級編】Figmaの「Component Swap Property」の高度なネスト活用!複雑なアイコン・アバターシステムの構築術 – UI/UX・デザインツール活用バイブル

Figmaアーキテクチャの極致:Component Swap Propertyによる「疎結合」なデザインシステムの構築術Figmaのデザインシステムにおいて、多くのチームが陥る罠がある。それは「バリエーション地獄」だ。Variantを無秩序...
スポンサーリンク