No video

【Figma初級#3】コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル

今日はコンポーネントです。「ネストコンポーネント」という状態に持っていって、柔軟性の高いListItemのコンポーネントをデザインしていきます。
目次も活用してデザインしてみてくださいね〜。
❐ Figmaファイル
-------------------------------------------
動画で完成したFigmaファイルはこちら
www.figma.com/file/PsfpGb1fhe...
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
• Figmaチュートリアル
オートレイアウトの機能説明
• 【Figma】何で必要?オートレイアウトの使...
コンポーネント機能説明
• 【Figma】作業スピードが上がる必須機能を...
• 【Figma】作業スピードが上がる必須機能を...
❐ 目次
-------------------------------------------
00:00 今日はコンポーネントをマスターするぞ
01:26 とりあえずコンポーネントにする
05:37 アイコン切り替え:ネストコンポーネント
06:39 アイコンをコンポーネント登録
07:19 Frameサイズの調整方法
10:24 アイコンを綺麗に揃えるには?
13:00 アイコンサイズを揃える
17:02 アイコンをコンポーネントに
21:03 コンポーネントの完成へ!
24:36 次回:ナビゲーション完成へ
❐ 未経験からデザイナーになった人のインタビュー集
-------------------------------------------
BONOのメンバーのインタビューです。
こちらも参考に。
• BONOな人-インタビュー
❐ UI/UXデザイナーになるためのロードマップ
-------------------------------------------
紹介したコンテンツはこちらにあります〜!
最初の「はじめてのUIデザイン」までは無料でできます💡
www.bo-no.design/rdm/roadmap-...
❐ UIとUXのコミュニティ『BONO』
-------------------------------------------
デザイナーになりたい、デザインをもっと伸ばしたい。
成長速度は現場のプロに聞いて、仕事を見て学べば倍以上になります。し、同じ気持ちのメンバーと一緒に成長すればさらに上がります。
詳しくはこちら!参加お待ちしてます
www.bo-no.design/?...
#UIデザイナー #UI/UXデザイン #Figma #初心者

Пікірлер: 3

  • @user-mq3jv4fh8h
    @user-mq3jv4fh8h Жыл бұрын

    備忘録:9:29 Homeフレームの要素(Ellipse1など)も一緒にリサイズされてしまいハマってしまいました。 原因はカーソルがScaleになったからでした。Move(ショートカットV)にしたらフレームだけリサイズできました。

  • @beginner8
    @beginner8 Жыл бұрын

    ためになりました。ありがとうございます!

  • @-bono2271

    @-bono2271

    Жыл бұрын

    こちらこそありがとうございました!

Келесі