Figma

スポンサーリンク
Figma

【入門編】Figmaの「Component 4.0」を見据えた最新デザイントークン運用のトレンド!Style Dictionaryとの完全連携フロー – UI/UX・デザインツール活用バイブル

プロトタイピングの迷宮から抜け出し、デザインとコードが「完全に同期する」聖杯を手に入れたいあなたへ。こんにちは。UI/UXエンジニアとして長年、デザインと実装の間の「翻訳コスト」という巨大な壁と戦い続けてきました。多くの現場で、Figmaで...
Figma

【入門編】Figmaの「Export」設定を極める!Web・iOS・Android向けアセット一括書き出しの最適解とトラブル回避策 – UI/UX・デザインツール活用バイブル

Figmaの「Export」を制する者は、プロダクト開発の速度を制する。やあ。今日はFigmaの「Export」機能について話をしよう。UIデザインの現場で、エンジニアから「このアイコン、パスが壊れてるよ」「アセットの命名規則がバラバラでマ...
Figma

【入門編】Figmaの「Comments」機能を使いこなす!ステークホルダーからのフィードバックを綺麗に回収・管理するプロジェクトマネジメント術 – UI/UX・デザインツール活用バイブル

Figmaの「Comments」は、ただのチャット欄ではない。最強のPMツールに進化させる極意こんにちは。デザインとコードの境界線を溶かし、最高のエクスペリエンスを追求しているエンジニアです。Figmaでデザインをしていると、チャットツール...
Figma

【入門編】Figmaの「Release Notes」とバージョン履歴の高度な使いこなし!過去のデザイン資産を安全に復元・比較するプロの技 – UI/UX・デザインツール活用バイブル

過去を恐れるな。Figmaの「バージョン履歴」を制する者が、UIデザインの速度と品質を制するこんにちは。プロダクトデザインの現場で、一度は「昨日のあのアセット、どこに行ったんだ…?」「あの時の微調整、元に戻したいけど全体を巻き戻すと他のメン...
Figma

【入門編】Figmaの「Instance Swap Property」を極める!ネストされたコンポーネントを自由自在に操る上級テクニック – UI/UX・デザインツール活用バイブル

Figma「インスタンス・スワップ」の真髄:レイヤー地獄を脱出し、最強のUI設計を手に入れるこんにちは。プロダクトデザインの現場で日々「いかに効率化し、いかに美しくスケールさせるか」を追求しているエンジニア兼デザイナーです。Figmaを使っ...
Figma

【入門編】Figmaの「Interactive Components」と「Scroll Overflow」を組み合わせたリアルなモーダル&ドロワー実装の極意 – UI/UX・デザインツール活用バイブル

魂を込めたプロトタイプ:Figmaで「本物」のモーダル&ドロワーを作る極意こんにちは。UI/UXの現場で日々、ピクセルとロジックの狭間に身を置いているエンジニアです。Figmaのプロトタイプ機能は、単なる「画面の紙芝居」ではありません。正し...
Figma

【入門編】Figmaの「Library Analytics」を徹底活用!デザインシステムの利用率とコンポーネントのデッドコードを可視化する方法 – UI/UX・デザインツール活用バイブル

デザインシステムの「死」を止める。Figma Library Analyticsでつくる、愛されるUI基盤の作り方こんにちは。UI/UXの最前線で戦う皆さん、いかがお過ごしですか?多くのデザイナーが「デザインシステムを作ったものの、結局みん...
Figma

【入門編】Figmaでのアクセシビリティ対応を自動化!「Stark」や「A11y – Color Contrast Checker」を用いたコントラスト比と色覚多様性検証の徹底ガイド – UI/UX・デザインツール活用バイブル

こんにちは。プロダクトの最前線でUI/UXを磨き続けている皆さんに、今日は「アクセシビリティ」という、デザインの品質を決定づける不可欠なピースについてお話しします。「アクセシビリティ対応=後回しにする面倒な修正」と思っていませんか? もしそ...
Figma

【入門編】Figmaの「Section」機能と「Section-based Navigation」で実現する、カオスにならない巨大カンバスの整理術 – UI/UX・デザインツール活用バイブル

Figmaの「Section」で創る、カオス知らずの秩序あるデザイン宇宙やあ。デザインの現場で、気づけばカンバスが「ゴミ屋敷」のようになり、どこに何があるか分からず絶望したことはないかな?大規模なプロダクト開発において、Figmaは強力な武...
Figma

【入門編】Figmaの「Component Set」を駆使したステート管理!複雑なフォームUIの全状態を1つのマスターに集約する裏技 – UI/UX・デザインツール活用バイブル

こんにちは。UI/UXの現場で数々の修羅場をくぐり抜けてきたエンジニアです。Figmaを使っていると、必ずぶつかる壁がありますよね。「ボタンのホバー、フォーカス、エラー、ローディング…画面が増えるたびに同じようなパーツを量産して、管理が崩壊...
スポンサーリンク