2025年、Figmaの新機能「Grid」が登場し、デザインからコーディングへのワークフローが静かに変わり始めています。 これまで「Auto Layoutで十分」と思っていた人も、この“Grid”によって デザイン段階でCSS Gridを扱う感覚 を手に入れられるようになりました。

bounds: 移動範囲を制限（"parent" / "window" / "body" / セレクタ or Element）。 (GitHub) dragHandleClassName / cancel: つかむ領域 or ドラッグ無効領域を CSS セレクタで指定。 (GitHub) dragGrid / resizeGrid: グリッドへスナップ（例 [10,10]）。 (GitHub) ...

次世代のCSSレイアウトとして注目されるのが、Grid Layout Module。実用段階まではまだ時間がかかりそうですが、活発な標準化の動きをチェックしておくとライバルに差を付けられそうです。 柔軟性に優れたCSSのグリッドレイアウト（Grid Layout）の仕様は ...