Chào mọi người, Xem video trên xong thấy sao, hay ho hem? Bên cạnh chuỗi hướng dẫn này, mình có thêm một khóa học về figma kéo dài 8 buổi và đi sâu vào nền tảng, bạn nào quan tâm có thể vào link này: bit.ly/khoa-hoc-figma-offline
mình dự định chuỗi này sẽ có tầm 10 video ạ :D, bên cạnh đó tụi mình có 1 khóa học online dạy kĩ về các kĩ năng đc đề cập trong chuỗi video. Bạn có thể tham khảo ở đây: bit.ly/khoa-hoc-figma-online
15:05 anh ơi cho em hỏi khi căn trái hoặc phải theo text thì mình gõ text nó sẽ dãn (or thu) lại theo size text đúng không ạ. Nhưng em làm theo giống anh cũng căn text theo chiều icon và auto layout theo chiều icon nhưng lại chỉ kéo về 1 bên ạ
anh ơi cho em hỏi ở phần thêm đường line ở phía dưới, sau khi thêm line và out layout cùng với row và nhấn ctrl-D để copy ra nhiều row khác thì đường line lại không đi theo từng row mà tất cả line đều nằm ở row cuối cùng, anh có thể chỉ cách cho em khi copy ra mỗi line dính với từng row riêng biệt được k ạ!
đơn giản thì mình có thể đưa cái line đó vào xen kẽ giữa 2 row. Còn bạn muốn copy cho nó tiện hơn thì select 1 row + 1 line và copy thì khi copy ra nó sẽ xen kẽ nhau.
Sao cái đoạn nhân dòng. Em nhân ctrl + D, mấy cái line nó cứ bị chồng lên nhau chứ không đi liền theo bên dưới cái row thế a nhỉ. E đã chọn riêng row và line rồi
mình đoán là bạn để chế độ "hug content" cho frame, khi đó thì text ngắn frame ngắn còn text dài thì frame dài. Bạn sửa lại thành fixed width cho cái component chứa tên quốc gia là đc nha :D
Anh ơi, cho em hỏi chút ạ, em thấy lúc anh tạo Item/Placeholder và Item/Text, sau khi tạo xong anh make component và không Shift + A. Nhưng đến Item/ Tên quốc gia và Item/Winrate thì có Shift + A, vì sao thế ạ
khi tạo component placeholder thì nó chỉ mang tính chất là 1 "cục gạch giữ chỗ" thôi ạ, nên mình không cần cho nó có autolayout làm gì :D. Các thành phần khác trên cái table đa phần đều cần autolayout để hoạt động cho nó hiệu quả nên mình bấm Shift +A (là để tạo autolayout cho chúng nó đó)
Figma là phần mềm thiết kế giao diện ạ. Để sản phẩm có thể ra lò và được sử dụng trong thực tế tất nhiên cần có sự lập trình và xây dựng rồi :D. Nếu so sánh kiểu xây nhà thì Figma như công cụ vẽ của kiến trúc sư vậy đó, muốn có cái nhà thì cần các bước xây dựng sau đó nữa :D
@@HopOnLuu Vâng,e cũng đang tham khảo để vào lĩnh vực UI UX này, vậy 1 UI UX designer cần biết những công cụ nào khác để có thể đi làm tại 1 cty được vậy a ?, e cảm ơn ạ .
@@hoanganhaim9516 về công cụ thì nó cũng vô chừng lắm em :D, ví dụ như góc nhìn của anh và hiện tại thì anh chỉ cần thành thục Figma là đủ để làm rất nhiều thứ rồi, nhưng có những nơi họ có thể yêu cầu phải biết thêm về 3D, Animation và cả về Front-end ... Bản thân mình làm trong một lĩnh vực thì nếu có nhu cầu về công cụ thì mình bổ sung thêm thôi.
@@HopOnLuu à vậy là tùy vào môi trường mà mình sẽ apply yêu cầu gì ,thì mình sẽ cho HR thấy mình sẽ bổ sung thêm sau được nhỉ, vậy trước hết phải làm cho sành sõi Figma trước mới đc, cảm ơn những video bổ ích của a, chúc a nhiều sức khoẻ nhé .
Sao em ctrl + click mà không thể chọn được nhiều đối tượng cùng 1 lúc anh ạ. Chỉ cho chọn 1 đối tượng duy nhất, anh có biết cách sửa lỗi đó không anh, chứ thế này bất tiện ghê TT
Ở time 20:41 thì tại sao sau khi em thay các hình tròn bằng text trong chế độ swap instance thì text lại căn trái làm cho Date, Stadium và M.O.T.M cũng bị đẩy lệch đi ạ? e phải chỉnh lại ntn vậy ạ
bạn cho phần autolayout alignment trong component row thành dạng space between rồi đúng không ạ? Khi đó thì các thành phần khi bị đổi có thể sẽ làm cho vị trí tụi nó bị xô lệch. Cách giải quyết là: chỉnh cho chiều ngang của tất các thành phần trong component "row" đều là fixed width, đồng thời, khi cần ẩn đi thành phần nào thì ko toàn bộ thành phần mà chỉ ẩn phần "ruột" bên trong của nó thôi. ở 20:09 mình có đề cập
Chào mọi người,
Xem video trên xong thấy sao, hay ho hem? Bên cạnh chuỗi hướng dẫn này, mình có thêm một khóa học về figma kéo dài 8 buổi và đi sâu vào nền tảng, bạn nào quan tâm có thể vào link này: bit.ly/khoa-hoc-figma-offline
Vâng và rất cảm ơn những gì anh đã chia sẻ cho em ạ. Một series figma tuyệt vời.
cảm ơn bạn chia sẻ, video hay và dễ hiểu với newbie như mình!
Mới phát hiện kênh này hữu ích quá. Cảm ơn ad nhiều.
Cảm ơn anh đã chia sẻ ạ
Cảm ơn chuỗi video của anh. Nếu được hy vọng anh ra thêm video về figma ạ.
mình dự định chuỗi này sẽ có tầm 10 video ạ :D, bên cạnh đó tụi mình có 1 khóa học online dạy kĩ về các kĩ năng đc đề cập trong chuỗi video. Bạn có thể tham khảo ở đây:
bit.ly/khoa-hoc-figma-online
cảm ơn bạn, hi vọng bạn sẽ làm thêm nhiều video hướng dẫn cho người mới
Bài rất hay, mong anh chia sẽ nhiều hơn nữa..mãi yêu
Rất hữu ích, thực tế, cảm ơn ad
Cảm ơn bạn vì video hữu ích 🥰
Cảm ơn ad ạ
15:05 anh ơi cho em hỏi khi căn trái hoặc phải theo text thì mình gõ text nó sẽ dãn (or thu) lại theo size text đúng không ạ. Nhưng em làm theo giống anh cũng căn text theo chiều icon và auto layout theo chiều icon nhưng lại chỉ kéo về 1 bên ạ
Cảm ơn ad rất nhiều ạ
Bài hay quá. Em có dạy kèm ko em?
mình có mở lớp tại đây nha :D, bạn tham khảo: bit.ly/khoa-hoc-figma-online
Dạ cho mình hỏi làm sao xóa compoment ( như remove autolayout vậy ). cảm ơn
bạn bấm xóa component gốc thì nó sẽ xóa thôi. Còn khi bạn đang muốn detach 1 cái instance thì mình chuột phải rồi detach thôi.
cho em hỏi lúc em bấm copy paste layout thì sẽ sang ngang chứ ko xuống dọc như video thì cái này fix sao vậy ạ
xem lại chiều của autolayout. Có thể bạn đang để chiều ngang
anh ơi cho em hỏi ở phần thêm đường line ở phía dưới, sau khi thêm line và out layout cùng với row và nhấn ctrl-D để copy ra nhiều row khác thì đường line lại không đi theo từng row mà tất cả line đều nằm ở row cuối cùng, anh có thể chỉ cách cho em khi copy ra mỗi line dính với từng row riêng biệt được k ạ!
đơn giản thì mình có thể đưa cái line đó vào xen kẽ giữa 2 row. Còn bạn muốn copy cho nó tiện hơn thì select 1 row + 1 line và copy thì khi copy ra nó sẽ xen kẽ nhau.
PlaceHolder có ý nghĩa gì v a? Có phải là nó là tạo sẵn ra 1 comp để swap với instance và chỉ có instance mới có thể đc swap đúng ko ạ?
placeholder dịch ra là cái vật giữ chỗ thôi ạ :D. Đúng là như vậy á, mình tạo nó ra để giữ chỗ và swap với instance khác bất kì đó ạ.
Sao cái đoạn nhân dòng. Em nhân ctrl + D, mấy cái line nó cứ bị chồng lên nhau chứ không đi liền theo bên dưới cái row thế a nhỉ. E đã chọn riêng row và line rồi
nếu bạn đã bật autolayout thì cứ copy ra thì nó sẽ sắp xếp theo thứ tự thôi. Hiện tại mình nghĩ là bạn chưa add autolayout cho frame.
@@HopOnLuu E bật auto rồi mà nó vẫn thế. Chs :V
@@trienviptb bật autolayout mà cái thành phần nó ko tự dàn xuống là do copy sai chỗ (trong frame khác hoặc ngoài frame)
cho e hỏi phần resizing giờ nó nằm ở đâu vậy ạ, e tìm hoài nhưng k thấy ạ, e cảm ơn
do bản update mới, nên nó bị di dời lên khu vực gần các mục về kích cỡ và vị trí ở trên rồi ạ.
Anh ơi, khi em thay Tên quốc gia bằng Content Reel thì hàng bị lệch không được thẳng nữa, em phải sửa làm sao cho thẳng hàng được ạ. Em cám ơn anh.
mình đoán là bạn để chế độ "hug content" cho frame, khi đó thì text ngắn frame ngắn còn text dài thì frame dài. Bạn sửa lại thành fixed width cho cái component chứa tên quốc gia là đc nha :D
@@HopOnLuu cám ơn anh nhé, em đã sửa thành công!
Anh ơi, với trường hợp mình merge 2 ô thành 1 ô thì làm sao ạ, em ẩn 1 ô thì những ô khác bị đẩy vào và thế chỗ ô em đã ẩn
tình huống bạn muốn merge 2 ô thành 1 như này chắc mình phải tìm thêm giải pháp mới, hướng dẫn hiện tại chưa cover đc cho chuyện đó ạ :D
Anh ơi, cho em hỏi chút ạ, em thấy lúc anh tạo Item/Placeholder và Item/Text, sau khi tạo xong anh make component và không Shift + A. Nhưng đến Item/ Tên quốc gia và Item/Winrate thì có Shift + A, vì sao thế ạ
khi tạo component placeholder thì nó chỉ mang tính chất là 1 "cục gạch giữ chỗ" thôi ạ, nên mình không cần cho nó có autolayout làm gì :D.
Các thành phần khác trên cái table đa phần đều cần autolayout để hoạt động cho nó hiệu quả nên mình bấm Shift +A (là để tạo autolayout cho chúng nó đó)
@@HopOnLuu em cảm ơn anh nhiều
Làm sao để đưa sp từ figma ra sử dụng thực tế vậy a ( ko phải xài mô phỏng ) , có phải thông qua 1 phần mềm coding gì ko ?
Figma là phần mềm thiết kế giao diện ạ. Để sản phẩm có thể ra lò và được sử dụng trong thực tế tất nhiên cần có sự lập trình và xây dựng rồi :D.
Nếu so sánh kiểu xây nhà thì Figma như công cụ vẽ của kiến trúc sư vậy đó, muốn có cái nhà thì cần các bước xây dựng sau đó nữa :D
@@HopOnLuu Vâng,e cũng đang tham khảo để vào lĩnh vực UI UX này, vậy 1 UI UX designer cần biết những công cụ nào khác để có thể đi làm tại 1 cty được vậy a ?, e cảm ơn ạ .
@@hoanganhaim9516 về công cụ thì nó cũng vô chừng lắm em :D, ví dụ như góc nhìn của anh và hiện tại thì anh chỉ cần thành thục Figma là đủ để làm rất nhiều thứ rồi, nhưng có những nơi họ có thể yêu cầu phải biết thêm về 3D, Animation và cả về Front-end ... Bản thân mình làm trong một lĩnh vực thì nếu có nhu cầu về công cụ thì mình bổ sung thêm thôi.
@@HopOnLuu à vậy là tùy vào môi trường mà mình sẽ apply yêu cầu gì ,thì mình sẽ cho HR thấy mình sẽ bổ sung thêm sau được nhỉ, vậy trước hết phải làm cho sành sõi Figma trước mới đc, cảm ơn những video bổ ích của a, chúc a nhiều sức khoẻ nhé .
quất combo ReactJS + React Native của FB á
Sao em ctrl + click mà không thể chọn được nhiều đối tượng cùng 1 lúc anh ạ.
Chỉ cho chọn 1 đối tượng duy nhất, anh có biết cách sửa lỗi đó không anh, chứ thế này bất tiện ghê TT
đè thêm shift mới select nhiều cái đc nè.
@@HopOnLuu em cảm ơn anh 😁
Ở time 20:41 thì tại sao sau khi em thay các hình tròn bằng text trong chế độ swap instance thì text lại căn trái làm cho Date, Stadium và M.O.T.M cũng bị đẩy lệch đi ạ? e phải chỉnh lại ntn vậy ạ
bạn cho phần autolayout alignment trong component row thành dạng space between rồi đúng không ạ? Khi đó thì các thành phần khi bị đổi có thể sẽ làm cho vị trí tụi nó bị xô lệch.
Cách giải quyết là:
chỉnh cho chiều ngang của tất các thành phần trong component "row" đều là fixed width, đồng thời, khi cần ẩn đi thành phần nào thì ko toàn bộ thành phần mà chỉ ẩn phần "ruột" bên trong của nó thôi. ở 20:09 mình có đề cập