Figma

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

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

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

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

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

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

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

Figmaが重い？それは「設計の敗北」だ。プロトタイピングの極限パフォーマンス改善術Figmaが重いと感じた瞬間、それは単なる「ツールの不調」ではない。君の設計思想が、Figmaの描画エンジンを疲弊させているサインだ。私はこれまで数多くの大...

Figmaを「デザインツール」で終わらせるな。開発スピードを3倍にするプロフェッショナル・ワークフロー優秀なエンジニアはツールに使われない。ツールをハックし、自身の思考速度に同期させる。Figmaは単なるデザインツールではない。それは「UI...

Figmaで「最強のデザインシステム」を構築する：Variablesとトークン管理の極意多くのチームが「Figmaでデザインシステムを作っている」と言いながら、実際には「色やスタイルの単なるカタログ」に終始している。これはシステムではない。...