UI/UX・デザインツール

Figmaの「混沌」を「秩序」に変える。大規模組織のためのデザインガバナンス設計術やあ。デザインとエンジニアリングの境界線で戦う皆さん、お疲れ様です。組織が拡大すると、Figmaのワークスペースは一瞬で「デジタルスラム」と化しますよね。「あ...

Figmaの「Advanced Prototyping」を極める：静止画から「動的な体験」へのパラダイムシフトこんにちは。UI/UXの現場で数々のプロダクトを形にしてきたエンジニアとして、今日は君に「Figmaの真の力」を伝授しようと思う。...

Figmaコンポーネントプロパティの深淵：保守性を極める「ネスト」と「命名」の流儀やあ。UI/UXの現場で日々戦い続ける君たちへ。Figmaの「コンポーネントプロパティ」が登場してから、私たちのワークフローは劇的に変わった。しかし、多くのチ...

Figmaプラグイン自作のススメ：TypeScriptで「明日から使える」社内自動化ツールを爆速開発するデザインシステムの運用が成熟してくると、必ずぶつかる壁があります。「既存のプラグインだと、うちの命名規則には対応していない」「この微修正...

Figmaでアクセシビリティを「後付け」にするな。設計段階で最強のインクルーシブ体験を構築する極意こんにちは。プロダクト開発の現場では、UIを「美しく作る」ことと「正しく届ける」ことの境界線が曖昧になりがちです。多くのデザイナーが陥る罠――...

プロの現場で最も恐れられる言葉、それは「誰かがメインのデザインファイルを壊した」という悲鳴です。Figmaのブランチ機能（Branches）は、単なる「差分管理」の道具ではありません。これは、「混沌とした開発現場に平和をもたらすための、最も...

こんにちは。デザインとプロダクト開発の最前線で、数多のチームを成功へと導いてきたエンジニアです。「Figma＝デザイナーのツール」という先入観を持っていませんか？ もしそうなら、今すぐ捨ててください。Figmaは、企画職やマーケターが「プロ...

Figmaの「Variables（変数）」でプロトタイプを劇的に進化させる。静的なデザインからの脱却こんにちは。現場で日々、デザインとコードの境界線を溶かしているエンジニアです。かつて、私たちは「動くプロトタイプ」を作るために、何百枚ものフ...

こんにちは。UI/UXの最前線で戦うエンジニアとして、今日は「デザインとコードの溝」を埋めるための、最もエキサイティングな領域についてお話しします。Figmaのデザインを直接コードに変換する「Figma to Code」。以前は「おもちゃ」...

Figmaライブラリの「同期されない」を撲滅せよ：チーム開発を加速させる真の設計術こんにちは。プロダクトデザインの現場では、ツールはただの「絵を描く道具」ではなく、チームの意思を同期させる「言語」です。Figmaのチームライブラリは、適切に...