【Figma】何で必要?オートレイアウトの使い方、完全解説してみた。【チュートリアル付】

  Рет қаралды 16,226

BONO-カイクン

BONO-カイクン

Күн бұрын

Пікірлер: 20
@rooh8922
@rooh8922 Жыл бұрын
Figmaのオートレイアウト機能、とってもわかりやすく解説してくださりありがとうございます!実際に再現もしやすく助かりました。現在Figmaを使用し仕事しているので、とてもありがたいです。また拝見させていただきますね。
@bono-oo
@bono-oo Жыл бұрын
ありがとうございます〜!
@neysunyuki
@neysunyuki 6 ай бұрын
他のサイトをみながらオートレイアウト機能使ってみたんですが、細かい部分をわからないまま使うと思ったように機能しなくて苦手意識がありました。提供していただいた素材を使って画面と同じように操作することで、使い方がようやく理解できました! 解説とてもわかりやすかったです◎Figmaまだ使い始めたばっかりですが、チャンネル登録したので引き続き楽しみにしています!
@cherry-cafe
@cherry-cafe 8 ай бұрын
カイくん、すっっっごいわかりやすい説明で感動しました!! ちょうどトレースしたHPデザインを "Figma to STUDIO"で無知識でトライして、ひどい画面崩れを目の当たりにし、絶望していたところでした。 このオートレイアウトを味方につけることで、実装までできるように頑張ります!
@bono-oo
@bono-oo 8 ай бұрын
たしかにSTUDIOがFigma対応したのでAutoLayoutで組めると楽だと思います! 最初はマジでめんどくさいなと思うんですが、やってると普通になるのでファイトです!
@sakisakuma
@sakisakuma Жыл бұрын
操作に不慣れで間違えてFigma のリクエスト押してしまいました🙇💦 動画丁寧で助かりました!!
@bono-oo
@bono-oo Жыл бұрын
ありがとうございます〜👍
@さゆみ千代丸
@さゆみ千代丸 Жыл бұрын
新しい職場でfigmaを使用することになり、まさしくワケワカメ状態で滅入っていたので解説ありがとうございます!! 全部オートレイアウトガチガチで作成されている方が多く、ついていけるか不安でした… 最低限やったほうが良いこと、理解していたほうが良いことなど把握できて何とかやっていけそうな気がしてきました🎉 ありがとうございます!
@bono-oo
@bono-oo Жыл бұрын
この動画出す時は「初心者でもまあオートレイアウトとかコンポーネントとか知らんでもなんとかなるやろ〜」と思ってたんですが、23年現在だとガチガチに組まれてたりしますよね... ちょっとまとまったFigma講座の動画でも出そうかとふんわり思っていたりしてます..
@yamada_tonight_
@yamada_tonight_ Жыл бұрын
めちゃくちゃめちゃくちゃ分かりやすくて大変勉強になりました。 動画を見ながら再現してみましたが、チュートリアル通りに機能すると嬉しいし楽しいですね。これからも動画待ってます!
@bono-oo
@bono-oo Жыл бұрын
あざす!
@renjiyoneda6156
@renjiyoneda6156 Жыл бұрын
ハグって何??ってところからAutoLayoutからまなばさせていただきました。動画もお話しもとてもわかりやすく理解しやすかったです!チャンネル登録させていただきましたのでまた見させていただきます。前任者からのFigmaデータと格闘していたのですがおかげでちゃんと”作り直す💦”モチベーション湧きました。笑
@bono-oo
@bono-oo Жыл бұрын
前任者から!それは大変です!ファイトです!
@もに-f4z
@もに-f4z 9 ай бұрын
こんにちは。初めてコメントします。オートレイアウトはとても便利な機能ですね。いろいろと詳しく教えて頂きありがとうございました😊 さて、質問ですが、オートレイアウトの中の要素を増やすやり方を教えてください。ショートカットキーがあれば合わせてお願いします。
@bono-oo
@bono-oo 9 ай бұрын
>オートレイアウトの中の要素を増やすやり方 動画に押してるキーが出てると思うのでそれ見てみてください! 何を指しているかあんまりわからないのですが、おそらく単純にコピペしてるだけな気もします
@もに-f4z
@もに-f4z 9 ай бұрын
@@bono-ooありがとうございました♪コピペで出来ました!
@MyGargoylecat
@MyGargoylecat Жыл бұрын
Fix Hug Fillの3つですが日本語版のせいかハグと固定幅しかないです。Fillにあたるものがみあたらないです。
@bono-oo
@bono-oo Жыл бұрын
それはFill(満たす)する”箱”の中にAutolayoutで構造化されてないのが原因だと思います〜! Fillを理解すると”満たす箱”がないと機能しないので、Fillは表示されません〜。 日本語の問題ではないと思います。
@akane8154
@akane8154 Жыл бұрын
udemyで購入した講座よりも断然分かりやすかったです> < !スーパー初心者からしたら本当にありがたい動画、、、ありがとうございます!
@bono-oo
@bono-oo Жыл бұрын
そうでしょ!← というのは冗談ですが、Figmaの動画いっぱい出したいのでもし気になることあればコメントで教えてくださいね〜!
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН
【初心者でも大丈夫!】Figmaで今っぽいアニメーション簡単解説!
14:07
てつじ | Web制作フリーランスチャンネル
Рет қаралды 144
Master Responsive Grids (Rows & Columns) in Figma
10:17
Tim Gabe
Рет қаралды 148 М.
Figmaの基本(Figma Basics 日本語版)をさわってみよう
56:36
まつえりデザインTips
Рет қаралды 15 М.
【スキルアップ】Figmaを極めろ!実践的なFigmaの使い方
18:54
HIROCODE.ヒロコード
Рет қаралды 41 М.
Figmaの時間短縮できる!オススメプラグイン10選【2022】
16:46
Uチャンネル (STAND-4U)
Рет қаралды 6 М.