FigmaのAuto Layoutは、CSSのFlexboxやGridに近い概念で設計されているため、適切にFigmaで組まれていれば、Webflowのレイアウトシステム（Flexbox, Grid）に比較的スムーズに変換されやすいです。

先月から学習内容をWebflow一本に絞ってみました。日本語教育の研修も受け始めため、少しスローペースになっています。 IT Webflow独学の順序を探す YouTubeで検索したところ、こちらの動画で初学者のロードマップを紹介していました。 1. Webflow 101 Crash Course（公式入門コース） 2.Webflow Flexbox Game ...

Flexboxはフレキシブルで、レイアウトをする時に非常に便利です。しかし、便利な機能と混乱を招く可能性がある機能があり、その背後にある思考プロセスについての一例を紹介します。 The Thought Process Behind a Flexbox Layout ...

CSS Flexboxで何ができるのか、どういうことができるのか、基礎知識をはじめ、グリッドやレイアウトに使える実装コードやコンポーネントの実装コードなど、Flexboxの実装に役立つコンテンツをまとめて紹介します。

HTMLとCSSを使ったWebレイアウトの基礎と実践！ 『図解でわかる！FlexboxとGrid Layout』発行 技術の泉シリーズ、3月の新刊 ...

CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxを使うのが常識。でも、仕様策定中の「Grid Layout Module」を使うと、もっと ...