Adobe XD 【入門編】【Adobe XD】コンポーネントとステートの使い方完全ガイド：効率的なUIデザイン制作 – UI/UX・デザインツール活用バイブル
UI/UXデザインの世界へようこそ。伝説的なエンジニアの視点から、Adobe XDにおける「コンポーネント」と「ステート」の真髄を伝授します。多くのデザイナーが陥る罠は、「画面ごとにボタンを描き直す」という非効率なルーチンワークです。これが...
プロトタイピング
Adobe XD Adobe XD 【入門編】もう迷わない！Adobe XDのレイヤー整理術と命名規則のベストプラクティス – UI/UX・デザインツール活用バイブル
デザインの現場において、「レイヤーパネル」はあなたの思考の鏡です。プロジェクトが肥大化したとき、レイヤーパネルが「Layer 124」や「Rectangle 88」で埋め尽くされている状態は、まるで散らかった机の上で精密機器を組み立てようと...
Adobe XD 【入門編】Adobe XD初心者入門：基本の使い方と最初に覚えるべきショートカット15選 – UI/UX・デザインツール活用バイブル
Adobe XD 職人への入り口：プロが教える「最初の15分」と「一生モノのショートカット」こんにちは。UI/UXの世界へようこそ。あなたが今、Adobe XDを立ち上げようとしているなら、それは単にツールを一つ覚えるということではありませ...
Adobe XD 【入門編】【2024年最新】Adobe XDの無料プラン終了は本当？代替ツールと今後の移行先を徹底解説 – UI/UX・デザインツール活用バイブル
【2024年最新】Adobe XDの「終わりの始まり」と、私たちが次世代へ移行すべき理由こんにちは。現場でUI/UXデザインの最前線を走り続けているエンジニアです。最近、「Adobe XDの無料プランが終了したって本当？」という相談を山ほど...
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を触り始めて、「コンポーネントを入れ子にしたら、中のパーツをいじるために何度もダブルクリックして階層を潜らなきゃいけない……これ、面倒じゃない？」と感じたことはないかな？今日は、その「階...