Figma

デザイン・制作

【手順】Figma Motionでプロトタイプの動きを作る手順

Figma Motionでプロトタイプの動きを作る手順を、現場で使える順番で解説します。イージング、時間軸、レビュー時の見せ方、実装への渡し方までまとめました。
2026.06.06
デザイン・制作
デザイン・制作

【ガイド】Figma Code Layersはデザイナーに何が変わるか

Figma Code Layersがデザイン現場に与える変化を整理。デザイナーとエンジニアの境界、Inspectの見え方、導入時の注意点を私の視点で解説します。
2026.06.04
デザイン・制作
デザイン・制作

【手順】Figma Variablesでデザインと実装のズレを減らす手順

Figma Variablesで色・余白のトークンを整え、実装のCSS変数と名前を揃える手順。小さく始めてデザインとコーディングのズレを減らす運用をまとめました。
2026.05.27
デザイン・制作