【初心者】Figma使い方#13:コンポーネント機能 - UIを部品として効率よく設計しよう

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024

ความคิดเห็น • 15

  • @きちたま-f6n
    @きちたま-f6n 3 ปีที่แล้ว +3

    08:30あたりでアイコンをコンポーネント化してインスタンス(?)の中から選んでるところのやり方がわかりません😭
    どのように登録しておくのでしょうか!?🙇

    • @bono-oo
      @bono-oo  3 ปีที่แล้ว +4

      これは別シリーズにしてちゃんと解説したいんですが、
      1.アイコン1つ1つがSymbolとして登録されている(選択したら紫色になる状態)
      2.同じFigmaのデータ上に複数Symbolあると、Symbol同士を動画のように切り替えられる
       →8:09に写っている アイコン横並び のものはすべてSymbol化していて、これらを切り替えられるようになってる
      みたいな感じです!

    • @bono-oo
      @bono-oo  3 ปีที่แล้ว +3

      ちょっと3月ぐらいから週1Figma流行ろうかなと思ってます〜

    • @hongoj5695
      @hongoj5695 ปีที่แล้ว

      これ、XDでアイコンセット設定するとなるとできなかないけど、Figmaほどわかりやすくはないですよね。@@bono-oo

  • @99letters99
    @99letters99 2 ปีที่แล้ว +1

    お忙しいところ恐れ入ります。今Figma勉強しているのですが、こちらはコピーして自分のドラフトで中身を見て勉強することは可能でしょうか?無茶な質問でしたら申し訳ございません。

    • @bono-oo
      @bono-oo  2 ปีที่แล้ว

      できます〜コピペする想定で作ってますよ〜

  • @youtim7093
    @youtim7093 4 ปีที่แล้ว

    お忙しい中申し訳ありません!一度コンポーネントしたものはもとに戻せないのでしょうか?

    • @bono-oo
      @bono-oo  4 ปีที่แล้ว +1

      ありがとうございますー!マスター以外のコンポーネントなら戻せます!
      ▼master
      ・現状もどせないので
      1. コピーして Master→Instance のUIを作成
      2. Instanceのものを、解除する
      ▼Instance
      1. Detach Instance で解除できます(Mac : cmd+opition B )