Hướng dẫn Figma - Thiết kế chatbox bằng autolayout - Figma designer Việt Nam

[@HopOnLuu]

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

[@puxu96]

mà vẫn thiếu phần hiển thị những người đã đọc tin nhắn anh ạ, anh hướng dẫn thêm cả phần tin nhắn đó của người gửi cụ thể nào đi a (hiện tại chỉ có người ta và mình, người ta ở đây chưa được chia cụ thể ra thành từng người)

[@HopOnLuu]

phần đó đúng là mình sót trong video này, kiến thức này mình sẽ đề cập đến ở một bài khác về components và variants nha. Riêng về việc tin nhắn của mình hay người ta thì hiện tại mình chỉ hướng dẫn cơ bản ở bước 2 đối tượng. Thông thường nếu tăng lên thêm nhiều đối tượng kiểu nhóm chat thì người ta phân định bằng avatar hoặc tên user nha. Cái đó mình nghĩ thêm vào không quá phức tạp ạ :D

[@trucquang8472]

cảm ơn anh

[@sangtruong9829]

Cảm ơn anh ạ Mong anh ra thêm nhiều video về Figma nữa ạ

[@ThaoNguyen-dd9zw]

cảm ơn anh nhé, đúng lúc em đang design phần chatbot cho project của cty

[@nguyenhanhhoang7691]

Cảm ơn anh ạ, nhưng cho em hỏi sao em đổi sang TextHolder nhưng nó vẫn bị thay đổi nội dung khi đổi từ mình sang người khác vậy ạ?

[@HopOnLuu]

Bạn check xem cái frame của cả 2 TextHolder nó có giống tên nhau ko. Check tiếp cấu trúc của 2 variant xem tụi nó có lệch nhau điều gì ko nha.

[@trangd.432]

nếu muốn học những bài kiểu này thì đăng ký khóa nào phù hợp ạ?

[@HopOnLuu]

bài này là bài tập trong buổi học thứ 3 của khoá 8 buổi về Figma căn bản của mình tại TELOS Academy. Bạn xem trong link này nha telos.vn/khoa-hoc-thiet-ke-giao-dien-voi-figma

[@NX_phuc1307]

bản 2023 h k làm được nút yes no nữa rồi

[@HopOnLuu]

theo mình kiểm tra thì vẫn đc á bạn. "yes" "no" hoặc "true" "false". Nhớ kiểm tra xem có đang bị dư hay bị viết hoa viết sai gì không nha.

[@puxu96]

cảm ơn anh nhiều

[@thientran652]

Cảm ơn anh, video quá hữu ích. Em mới học về Figma, tìm mãi mới có người chia sẻ về Autolayout ạ

[@huynhtuan3902]

hướng dẫn cụ thể dễ hiểu lắm ạ. video rất bổ ích

[@nguyendothuha]

a ơi sao ở ô chatbot text ngắn của e làm nó lại k tự động thu nhỏ khi xoá bớt chữ, gõ ít chữ v a? nó vẫn giữ y nguyên cái size từ ô chatbox tex dài. với lại bên figma của e cũng k có cái mục chỉnh độ rộng của các thành phần giống như của a :((((

[@HopOnLuu]

bạn xem video bài giảng của buổi thứ 3 chưa nè? chúng ta có cái gọi là resizing, mình có nói là ở bản update resizing đã được dời lên trên. Vậy bạn cần kiểm tra lại auto-width của text và resizing của cái bubble nha.

[@michaelng1990]

Hay quá anh, kiến thức rất hữu ích

[@tuangel4623]

Quá hay ho, cảm ơn thầy.

[@truonghip3591]

mình đang dùng bản figma mới nhất trong phần autolayout nó k hiển thị phần resizing như của thầy ạ

[@HopOnLuu]

hiện nó đã cập nhật vào thời điểm tháng 5/2022 nên phần resizing bị giấu đi, bạn nhìn phía trên, khu vực chiều cao, chiều rộng á, sẽ thấy có thể 2 cái ô dropdown dành cho setup resizing

[@truonghip3591]

sao phần resizing của mình nó k hiện ra vậy thầy ơi? k làm sao chỉnh được trên figma để nó hiện ra cả

[@HopOnLuu]

mình đã trả lời ở trên nha.

[@linhvo5070]

Bạn cho mình hỏi cái đoạn TextHolder copy như thế nào vậy? Mình copy bị ra chữ của bên còn lại chứ không được như trong hướng dẫn. Cám ơn bạn

[@HopOnLuu]

mình chưa hiểu câu hỏi của bạn.

[@HopOnLuu]

bạn có thể mô tả thời gian cụ thể trong video là phút bao nhiêu và việc bạn làm là như nào không?

[@tolokaearnmoney4645]

Đỉnh quá a ạ, dồn tiền chuẩn bị học khóa của anh