マガジンのカバー画像

FigmaのAuto Layoutをマスターしよう

4
Figma大好きデザイナーがAuto Layoutを使ってさくさくプロトタイピングする方法を書いていきます。
運営しているクリエイター

2020年4月の記事一覧

【FigmaのAuto Layoutをマスターしよう vol.4】 カード型記事リスト

【2024年5月追記】この記事は2020年に執筆したものであり現在のFigmaとは仕様が違うため参考にはなりません。昔はFigmaこうだったんだなぁという歴史資料として残しておきます。 今回は記事一覧に使われることが多いカード型のリストを作りたいと思います。 第1回から今回まででAuto Latoutの基本的な設定をひと通りマスターできます! 並び位置の基準(Alignment)の設定値について今回作っていくのはこのようなリストです。 サムネイルと本文は幅いっぱい、日付は

【FigmaのAuto Layoutをマスターしよう vol.3】 固定幅のボタン

【2024年5月追記】この記事は2020年に執筆したものであり現在のFigmaとは仕様が違うため参考にはなりません。昔はFigmaこうだったんだなぁという歴史資料として残しておきます。 ここまで第1回ではテキスト量に合わせて伸び縮みするボタン、第2回では複数の要素をもつ伸び縮みするボタンをつくってきました。 今回はAuto Layoutを使って固定幅のボタンを作っていきたいと思います。 幅を固定するAuto Layoutでは並び方向が縦並び(Vertical)のときは幅