Figma cơ bản - Bài 3: Component - Instance - Variants | kaorumap

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 76

  • @ruansan8003
    @ruansan8003 2 года назад +8

    Mừng muốn khóc khi coi được video HD của bạn, mình đi học trường lớp mà người ta dạy khó hiểu đến mức phải tự research thêm, xem clip bạn dạy rất dễ hiểu và giải thích rõ ràng. Tks bạn rất nhiều

  • @thetaiphung4325
    @thetaiphung4325 2 года назад

    Hay, ngắn gọn dễ hiểu.
    Không lan man dài dòng như những kênh khác

  • @nhannguyen6203
    @nhannguyen6203 Год назад

    thật sự biết ơn bạn đã chia sẻ, rất dễ hiểu cho 1 người cần tìm hiểu như mình❤

  • @buiviethung9007
    @buiviethung9007 Год назад

    Cảm ơn Chị nhiều, bài dạy cực dễ hiểu và chi tiết

  • @phamhuy5309
    @phamhuy5309 2 года назад

    Chỉ với 5 phút =)) em cảm mơn vì video quá sức là bổ ít ạ giọng chị nghe nhẹ nhàng dễ quá trời lun !!

    • @kaorumap
      @kaorumap  2 года назад

      Cảm ơn em nhé

  • @Stupid2202
    @Stupid2202 Год назад

    Mình đã xem và học được rất nhiều từ các video của bạn, Cảm ơn bạn rất nhiều về chía sẻ ý nghĩa này.
    Các bạn hướng dẫn rất dễ hiểu, giọng nói của bạn rất dễ nghe .

    • @kaorumap
      @kaorumap  Год назад

      Cảm ơn bạn nha!

    • @Stupid2202
      @Stupid2202 Год назад

      @@kaorumap Mong chờ kiểu video hướng dẫn làm 1 hoặc nhiều tính năng của figma cho một tình huống cụ thể. ( áp dụng thực tế) .
      Mình tin rằng video như vậy sẽ giúp ích cho rất nhiều UI design .
      Chúc bạn sức khoẻ + xinh đẹp & giọng ấm áp hơn nữa nữa .

  • @nguyentuyetmai3673
    @nguyentuyetmai3673 2 года назад

    Siêu dễ hiểu chị oiwiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii. cám ơn chị rất nhiềuuuuuuuuuuuuuuuuuuuuuuuu

  • @ChouuNguyen-o1d
    @ChouuNguyen-o1d 7 месяцев назад

    Chị dạy rất dễ hiểu ạ ❤❤❤

  • @quocpham-vn
    @quocpham-vn Год назад

    em cảm ơn chị rất nhiều, video của chị rất chi tiết

  • @luyentran816
    @luyentran816 2 года назад

    rất thích giọng nói của chị

  • @haidohoang5663
    @haidohoang5663 3 месяца назад

    hay quá em cảm ơn chị ạ

  • @thanhhoang3026
    @thanhhoang3026 Год назад

    quá hay em học khóa 3tr buổi t8 mới học gần 2h mà chả hiểu xem vid 5p hiểu componen

  • @tuanvuhoang8571
    @tuanvuhoang8571 2 года назад

    cảm ơn mentor rất nhiều

  • @trannhung5663
    @trannhung5663 3 года назад

    Cảm ơn chị đã mang đến nội dung dễ hiểu súc tích :3

  • @thaoluu6457
    @thaoluu6457 2 года назад

    That su huu ich luon a huhu. Minh dang tu may mo figma de lam portfolio m nh cai k hieu j het. May m co b nay gthich de hieu

  • @ongxa888
    @ongxa888 2 года назад

    quá dễ hiểu luôn, vậy mà lúc đầu mình mở figma lên thấy nó rối rối sao :v Cám ơn bạn nhiều.

  • @thuythu-eq3jo
    @thuythu-eq3jo 3 года назад

    Video hữu ích và rất dễ hiểu, cám ơn ad nhiều nhiều :3

  • @lehoangminhthuk16hcm81
    @lehoangminhthuk16hcm81 4 месяца назад

    hay quá chị ơi

  • @hieuthaomaitrung6460
    @hieuthaomaitrung6460 3 года назад

    Mong chi ra them nhieu video hon. Rat tuyet

  • @LamboTuy
    @LamboTuy 2 года назад

    Dễ hiểu nè. Đã like & Sub

  • @thunnb
    @thunnb 3 года назад

    Mấy cái này em coi hd của người khác thấy nó rối nùi mà c nói dễ hiểu ghê

    • @kaorumap
      @kaorumap  3 года назад

      Chị cảm ơn em nhiều nhé!

  • @phamthithuyquynh1109
    @phamthithuyquynh1109 3 года назад

    Cảm ơn chị nhiều ạ !

  • @truonghoanglong541
    @truonghoanglong541 3 года назад

    hay thật sự luôn đấy ạ

  • @tinhpham2102
    @tinhpham2102 Год назад

    Đội ơn chị

  • @tramdiep8093
    @tramdiep8093 9 месяцев назад +1

    Chị ơi cho em hỏi khi mình muốn đổi màu cái nút hover/pressed/díable mà mình đổi màu cái component thì chỉ có mấy cái instance nó đổi màu thôi chứ mấy nút ko đổi ạ. Em chưa hiểu chỗ này mong chị giải đáp. Cám ơn chị nhiều ạ

  • @sowhatneon
    @sowhatneon 29 дней назад

    Nếu vậy mình chỉ dùng Compoment và Variant thui đúng hok Cô

  • @luongvu7235
    @luongvu7235 3 года назад

    Giọng nghe yêu quá !!! =))

    • @kaorumap
      @kaorumap  3 года назад

      :)))) cảm ơn bạn!

  • @dinhphucng.9381
    @dinhphucng.9381 3 года назад

    cảm ơn chị ạ

  • @ycuaang473
    @ycuaang473 7 месяцев назад

    sao dờ e mới biết tới chị ta :v

  • @kimthanh4017
    @kimthanh4017 3 месяца назад

    Dạ. Cho em hỏi component , ... mình tạo ra để làm gì vậy ạ. E mới bắt đầu học nên kb ạ😢😢

  • @vuhere
    @vuhere 3 года назад

    hay lắm ạ

    • @kaorumap
      @kaorumap  3 года назад

      Cảm ơn bạn!

  • @linhnguyen-tk4vz
    @linhnguyen-tk4vz 3 года назад

  • @shanka1987
    @shanka1987 3 года назад

    Kaorumap hướng dẫn làm menu chạy theo dọc màn hình đi ạ

  • @nguyenhoangmy2051
    @nguyenhoangmy2051 Год назад

    Bạn ơi sao mặc định của mình góc bên phải không có mục Variants để thao tác như bạn vậy ạ, hướng dẫn giùm mình với hiuhiu, clip hay và dễ hiểu hơn đi học trên lớp nhiều nhưng đến khúc ấy mình không biết làm sao cho có mục Variants để làm tiếp

    • @badjinx6958
      @badjinx6958 11 месяцев назад

      Có nút ở trên ý bạn, "Add variants" ấy

  • @nguyenthutrang7586
    @nguyenthutrang7586 Год назад

    Ưu và nhược điểm của component là gì vậy ạ. Mong c trả lời giúp em ạ

    • @kaorumap
      @kaorumap  Год назад

      Chị thấy nó toàn ưu điểm chứ không nghĩ ra nhược điểm em 🥹

    • @nguyenthutrang7586
      @nguyenthutrang7586 Год назад

      Dạ vâng e cảm ơn c nha. Tự dưng đi pv nhận được câu hỏi này, em cũng chỉ nêu được ưu điểm của nó😅😅

    • @kaorumap
      @kaorumap  Год назад

      Vậy người phỏng vấn cũng hơi kỳ ha :)))

  • @tranghuynh1891
    @tranghuynh1891 3 года назад +2

    Chị ơi, khi em thực hành tạo variants từ component và em thử đổi màu component nhưng variants ko đổi màu theo component như instance. Chị hướng dẫn giùm em phần này với ạ.

    • @kaorumap
      @kaorumap  3 года назад +2

      Có vẻ em hiểu sai vấn đề rồi, variant là 1 phần của component, cái thiết kế đầu tiên trong component chỉ là 1 trạng thái của component thôi, tạo thêm variant là em tạo thêm 1 trạng thái khác của nó, ví dụ khi hover chuột cái nút có thể đổi thành màu khác nên tất nhiên nó không cần cùng màu cái trạng thái ban đầu. Khi em duplicate cái component gốc ra thì em sẽ có instance, trong instance nó sẽ có cả những cái variant của component gốc luôn nên khi em thay đổi màu các variant trong component gốc thì các variant trong instance mới đổi theo. Tóm lại, variants là những trạng thái khác nhau của 1 component chứ không phải là tầng lớp thấp hơn component nên nó không đổi màu theo là vậy.

    • @tranghuynh1891
      @tranghuynh1891 3 года назад

      @@kaorumap dạ em hiểu vấn đề rồi ạ, đẵ biệt là chốt hạ câu cuối nha chị. Em cảm ơn chị nhiều.

  • @fengn936
    @fengn936 2 года назад

    Chị dạy dễ hiểu ghê ạ. Chị cho em hỏi ngoài lề một chút ạ, em đang chuyển ngành từ kinh tế sang design, cụ thể là em đang băn khoăn giữa graphic design và ux/ui ạ, thì theo chị nên chọn mảng nào sẽ bắt đầu dễ hơn ạ? Và ở mỗi mảng, với người mới bắt đầu như em thì sẽ cần nắm được những nền tảng gì (cả về kiến thức, tư duy lẫn công cụ ý ạ)? Em cảm ơn chị nhiều ạ!

    • @lananh5579
      @lananh5579 Год назад

      bạn chuyển thành công chưa bạn >#

    • @kaorumap
      @kaorumap  Год назад

      Hơi khó nói mảng nào dễ hơn do còn tùy vào khả năng của em mạnh ở đâu, quan trọng là chọn cái mình thích rồi cố gắng hết sức nha

  • @ThuyTrang-ej4xc
    @ThuyTrang-ej4xc 3 года назад

    Chị ơi, chị có thể làm video chia sẻ về lộ trình học UI UX cho người mới bắt đầu ko ạ? Em chỉ mới biết đến UI UX gần đây và đang rất muốn chuyển sang ngành này, cảm ơn chị

    • @kaorumap
      @kaorumap  3 года назад +5

      Vấn đề này sẽ hơi khó làm video do chị có background làm graphic design khá lâu và trước đây chị có học qua thiết kế web rồi nên quá trình của chị chỉ là đọc thêm sách và update kiến thức mới thôi em, cho người không biết gì cả thì cần soạn hẳn 1 giáo trình riêng, chị đang cố gắng làm dần những video như thế này ruclips.net/video/cFXLHMagvKo/видео.html và thế này ruclips.net/video/yAOOIQdXy64/видео.html để mọi người có thể học dần về cách tư duy trong thiết kế

    • @ThuNguyen-rx3ro
      @ThuNguyen-rx3ro Год назад

      @@kaorumap em cảm ơn cô rất rất nhiều. Thực sự những kiến thức này vô cùng quý giá cho người mới bắt đầu như em.

  • @huyongo1901
    @huyongo1901 Год назад

    cô cho em hỏi làm sao để cài đặt unplash và icon vào trong figma vậy ạ ? em mới học nên chưa biết ạ . Em cám ơn cô ạ

    • @kaorumap
      @kaorumap  Год назад

      em click chuột phải vào màn hình (khu vực để thiết kế), chọn Plugins/Find more plugins... xong rồi em search unplash, icon... và install là sẽ có

  • @phamquy3272
    @phamquy3272 3 года назад +1

    Cho em hỏi khi mình tạo những cái này để dùng thiết kế layout thì nó chung trên 1 file design này luôn hả cô. Vậy khi mình share link bản design này thì mọi người cũng sẽ thấy nhóm button mình tạo này ạ.

    • @kaorumap
      @kaorumap  3 года назад

      đúng rồi em, khi tạo component thì nó sẽ nằm trong asset của file thiết kế đó luôn

  • @KhanhLinhNguyenThi-gs2ps
    @KhanhLinhNguyenThi-gs2ps 9 месяцев назад

    E tạo component từ hình cn và text rồi kéo instance thì e ko thay đổi được text của những instance này nũa ạ. Không biết e có làm sai ở đâu không ;(((

    • @kaorumap
      @kaorumap  9 месяцев назад +1

      Em xem video này nhé ruclips.net/video/wA5dZVHS0mM/видео.html

  • @phamquy3272
    @phamquy3272 3 года назад +1

    Khi mình design ở figma thì mình xuất file ra cho DEV họ code (Các icon chính hoặc ảnh) vậy khi xuất ra ra dạng png thường chất lượng sẽ rất thấp DEV đẩy lên thường xem thấy bị mờ ạ. Vậy phải làm sao ạ. Mong cô phản hồi.

    • @kaorumap
      @kaorumap  3 года назад +2

      lúc export trong figma nếu xuất png mà 1x thấy mờ bạn có thể chọn lên 2x 3x mà, còn đối với icon hay hình vector thì bạn xuất file svg thì đâu lo bị bể nữa

  •  3 года назад

    Lúc mình kéo icon từ plugin iconify ra nó có dấu ba chấm ... ở trên đầu icon. cái này bỏ sao vậy bạn ?

    • @kaorumap
      @kaorumap  3 года назад

      Nó là cái tên icon nhưng nhỏ quá hiện ko ra nên thành 3 chấm thôi, ko ảnh hưởng gì đến thiết kế, bạn chọn cái frame này rồi xoá cũng được nhưng nó sẽ mất cái frame xác định kích thước xung quanh icon

  • @PhuongNgoc-ms1ii
    @PhuongNgoc-ms1ii 2 года назад

    cho e hỏi là khi đổi màu 1 Instance khác với màu của Component thì khi đổi màu của Component đó sang 1 màu khác nữa thì cái Instance đã đổi màu trước đó sẽ ko bị đổi theo đúng ko chị

    • @kaorumap
      @kaorumap  2 года назад +1

      Đúng rồi em.

  • @phamquy3272
    @phamquy3272 3 года назад

    Cho em hỏi khi mình tạo những cái này để dùng thiết kế layout thì nó chung trên 1 file design này luôn hả cô. Vậy khi mình share link bản design này thì mọi người cũng sẽ thấy nhóm button mình tạo này ạ, giống như trên adobe xd

    • @kaorumap
      @kaorumap  3 года назад +1

      Đúng rồi em, em tạo component thì nó nằm trong phần assets của file đó sẵn hết rồi

    • @phamquy3272
      @phamquy3272 3 года назад +2

      @@kaorumap Cho em hỏi thêm xíu là figma mình share link thiết kế ở bản free có giới hạn không ạ, chứ Adobe xd 30 ngày là ko cho share link nữa ạ, em đang định chuyển qua dùng figma

    • @kaorumap
      @kaorumap  3 года назад +1

      Không có giới hạn nhé em

  • @tungphan1173
    @tungphan1173 3 года назад

    cho em hỏi variants sao figma em không hiển thị vậy ạ

    • @kaorumap
      @kaorumap  3 года назад

      Em có thể giải thích rõ hơn em làm tới bước nào thì cái gì không hiển thị không em?

  • @duongtv_ilf8331
    @duongtv_ilf8331 3 года назад

    chị có lớp online ko à]

    • @kaorumap
      @kaorumap  2 года назад +1

      Không có em nhé

  • @hoangnguyenhuy9962
    @hoangnguyenhuy9962 2 года назад

    cảm ơn chị