Figma

スポンサーリンク
Figma

【テクニカル・上級編】【完全版】Figmaとは?初心者向け基本操作から導入メリットまで徹底解説 – UI/UX・デザインツール活用バイブル

Figma内部アーキテクチャの完全掌握:WebAssemblyベースのブラウザCADを極限までハックする設計者向けホワイトペーパー筆者は長年、数千人規模の開発組織におけるデザインパイプラインの自動化、およびデザインシステムとコードベースの厳...
Figma

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

こんにちは。デザインシステムの構築からUI実装まで、プロダクトの「骨格」を設計するエンジニアとして、今日はFigmaにおける最も重要で、かつ多くのチームが迷走している「Styles」と「Variables」の境界線についてお話しします。Fi...
Figma

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

Figma Dev Modeの「注釈」で、エンジニアとの“言語の壁”を破壊せよこんにちは。プロダクト開発の最前線で「いかにして無駄を削ぎ落とし、本質的なものづくりに集中するか」を追求し続けているエンジニアです。皆さんは、エンジニアにデザイン...
Figma

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

こんにちは。UI/UXの最前線で戦う皆さん、そしてデザインシステムの深淵に足を踏み入れたばかりの皆さん。今日は、Figmaの「Component Properties(コンポーネントプロパティ)」を使いこなし、「管理不能な巨大コンポーネント...
Figma

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

こんにちは。UI/UXの最前線で戦う皆さん、今日も画面と向き合っていますか?Figmaの「Auto Layout」は、もはや単なる整列ツールではありません。それは、私たちが頭の中で描く「動的なインターフェースの論理」をそのまま実装へ落とし込...
Figma

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

Figmaで「本物」を超える:Conditional Logicで構築する究極のEコマース・プロトタイピング術こんにちは。UI/UXの世界へようこそ。デザインツールを「絵を描く道具」だと思っていませんか?もしそうなら、今日でその認識をアップ...
Figma

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

やあ。プロダクトデザインの最前線へようこそ。Figmaを触り始めて、「コンポーネントを入れ子にしたら、中のパーツをいじるために何度もダブルクリックして階層を潜らなきゃいけない……これ、面倒じゃない?」と感じたことはないかな?今日は、その「階...
Figma

【入門編】Figmaの「Component Description」とドキュメンテーション駆動デザイン!脱属人化のチーム運用ルール – UI/UX・デザインツール活用バイブル

デザインシステムは「作って終わり」ではない。Figmaの「Description」で脱・属人化を加速させる極意こんにちは。現場でデザイナーとエンジニアの橋渡しをしながら、プロダクトの品質を磨き続けているエンジニアです。UI/UXの世界でよく...
Figma

【入門編】FigmaでのSVG最適化の極意!不要なパスを削減して軽量なフロントエンド実装を実現する方法 – UI/UX・デザインツール活用バイブル

世界最高峰の現場で日々プロダクトを磨き上げている皆さん、こんにちは。今日は、Figmaから書き出したSVGをそのままフロントエンドに埋め込んで、「なんだかコードが汚いな」「ファイルサイズが重いな」とモヤモヤしている方のために、「極限まで無駄...
Figma

【入門編】Figmaの「Multiplayer Cursors」最適化!大人数同時編集時のカオスを防ぐワークスペース運用術 – UI/UX・デザインツール活用バイブル

Figmaの「Multiplayer Cursors」を制す:カオスを回避し、最高速でチーム開発するための極意こんにちは。プロダクトデザインの現場で日々、UIの解像度とチームの熱量を追い求めているエンジニアです。Figmaの最大の武器は「リ...
スポンサーリンク