UI/UX・デザインツール

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

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

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

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

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

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

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

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

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

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