Figma cơ bản - Bài 5: Prototypes | kaorumap

[@VanCuongDuong-kp5jb]

giọng cô nghe hay,nhẹ nhàng dạy dễ hiểu quá ạ

[@amayao4800]

rất cần thiết cho những người tự học để bắt đầu, cảm ơn chị rất nhiều !!!

[@donut8216]

c giảng dễ hiểu quá, học đam mê luônn

[@ChouuNguyen-o1d]

Tìm hoài may quá xem đc bài của chị xem đến đâu em hiểu đến đó. Mong cị ra nhiều video về figma ạ

[@shinetang3113]

Tuyệt vời cô ơi . Em đang định hướng học sang ui/ux này ạ . Nhìn bào giảng của cô em có thêm kiến thức ạ . Cảm ơn cô

[@fc5h30amDanangVietNam]

Tutorial của bạn rất hữu ích. Có những thứ cơ bản rồi tạo hứng thú tìm hiểu những cái khác. Cảm ơn bạn rất nhiều, hy vọng bạn ra tiếp những video như vậy nữa. Ah, bạn nên để một nút "Buy a coffee" có thể ai đó thấy hữu ích sẽ ủng hộ bạn, tuy không nhiều nhưng cũng tạo động lực giúp bạn ra tiếp những video khác.

[@kaorumap]

Cảm ơn bạn nha!

[@WynNhuw]

Hữu ích và dễ hiểu lắm luôn. Cảm ơn Kaoru rất nhiềuuuuu :33

[@yutaishere]

Bạn hướng dẫn rất xúc tích, ngắn gọn, dễ hiểu. Video rất hữu ích, cảm ơn bạn rất nhiều!

[@kaorumap]

Cảm ơn bạn nhiều lắm!

[@xanhbongcai7287]

figma đỉnh quá, nắm được kiến thức bao phê

[@hongnhatlamdao5515]

Video thực tế và dễ hiểu, đi trọng tâm là hướng dẫn cách làm nhanh hiệu quả, good job cậu !!

[@shanka1987]

Mong Kaorumap làm một video giải thích về các thuộc tính ( Mouse enter, Mouse leave, Mouse down và Mouse up ) trong prototypes với nhé !

[@TranThanhDien3006]

hướng dẫn của chị rất dễ hiểu cám ơn chị

[@HoangNguyen-vg1tw]

Rất hay và đầy đủ

[@1000_FC]

Chị dạy hay quá

[@NamTran-yz6ry]

cảm ơn chị rất nhiều 😍

[@ThuNguyen-rx3ro]

Sau một thời gian đọc và tìm hiểu thêm về UI Design, em lại tiếp tục quay trở lại học tiếp các bài về Figma của cô. Mong cô sẽ ra thêm nhiều video về Figma nữa ạ.

[@thuydungdang271290]

Cảm ơn bạn đã chia sẻ rất nhiều

[@tranminhbao6050]

em cảm ơn c nhiều, c dạy rất là dễ hiểu luôn

[@liamnguyen3379]

Cảm ơn cô nhiều.

[@kietdana]

tutorial của chị rất bổ ích. chị có thể tiếp tục làm về figma ạ

[@hongvietnguyen3326]

Rất hay và dễ hiểu

[@kaorumap]

Cảm ơn bạn

[@dieptruong2110]

Cực dễ hiểu !

[@vobinhthu7000]

Hay quá Cô ạ, em đã hiểu thêm nhiều về prototype. Chúc Cô sức khoẻ và có thêm nhiều video bổ ích ạ

[@kaorumap]

Cảm ơn em đã xem, chúc em học tốt nhé! Có thời gian cô sẽ làm thêm video.

[@mrblack3163]

Uầy giờ em mới thấy tutorial tiếng việt của chị khá hay và dễ hiểu

[@kaorumap]

Cảm ơn em nhé!

[@trinhngocquy4613]

cám ơn bạn, bài rất bổ ích ạ

[@HerrTuanh]

quá tuyệt chị ơi, mong chị ra nhiều video về figma hơn ạ

[@uctrongtran7473]

Em cảm ơn chị ạ! Bài giảng rất hay ạ

[@hunkfong91]

Cảm ơn chị.

[@Kim-ib1wj]

Sao em ko biết đến video của chị sớm hơn :(( ngồi làm thủ công xĩu lun~ Dù sao thì nội dung hay và có ích lắm ạ, cảm ơn về bài giảng của chị

[@huyenhuyen3789]

cảm ơn chị nhiều ...

[@HoaiNam9117]

Cám ơn chị ạ, rất dễ hiểu ạ

[@trucquang8472]

cảm ơn chị

[@phuongquynhnguyennhat7808]

Hay quá chị ơi, bài giảng của chị dễ hiểu và bổ ích quá ạ

[@kaorumap]

Cảm ơn em!

[@Dangkhoa492]

Thank you so much

[@thole8512]

ra thêm nhiều video dạy figma đi cô, Cô dạy hay quá.

[@kaorumap]

Cô đang soạn bài, em ráng kiên nhẫn chờ đợi nha ☺️

[@thole8512]

@@kaorumap hay quá em bật chuông đợi video của cô.

[@khanhduong6755]

chị ơi chị dạy làm tiếp về Figma đi ạ

[@nguyenpham4281]

Mình muốn để lại một lời cám ơn dành cho bạn.

[@cassettecu2301]

mong chị làm video full các chức năng của prototypes

[@kaorumap]

Thật ra chức năng thì cũng nhiêu đó thôi em, chủ yếu là tự mình suy nghĩ cách giải quyết theo từng trường hợp chứ chị cũng không thể cover hết các trường hợp được đâu

[@mabelnguyen145]

Chị ơi, hôm nào chị làm 1 video về clip content được ko ạ, em thực tập làm clip content mà cứ bị hỏng suốt :((

[@thunnb]

quá hay

[@nam_meo4798]

Làm mega menu đi ạ

[@giahuyletran7622]

Hay quá cô ơi

[@kaorumap]

Cảm ơn em!

[@todalabs]

tuyệt vời quá C ơi

[@kaorumap]

Cô vẫn đang học hỏi thêm, em biết gì hay chia sẻ thêm với cô nhé ♥️

[@todalabs]

bắn tym cho Cô iu

[@kaorumap]

@@todalabs Cảm ơn em nhiều! ♥️♥️♥️

[@kaichiderevasseur5391]

Merci Beaucoup

[@luatnguyen535]

Phần đầu tiên e làm cho nó chảy ngay mà nó chạy là ở phần trên tìm kiếm ạ Có cách nào sửa ko ạ

[@DUONGBDCPT-Vuinh]

cái clip content mở chỗ nào vậy ạ

[@bandabietdieunay]

chị ơi cho e hỏi sao chữ e chèn ra ngoài frame k đc chị toàn ị nhét vào trong frame thôi nên e k làm đc cái vuốt dọc chị

[@inhQuangTrai]

cô ơi cho em hỏi là khi em muốn chỉnh vertical scrolling thì lại bị lỗi ạ. hiển thị dấu chấm thang. em mò mãi chẳng được.

[@chinhlatienkhanh1782]

bài giảng hay quá ạ, cô hướng dẫn thêm về task flow, wire flow, high fidelity wireframe được k ạ :(

[@kaorumap]

chị chưa có kế hoạch làm mấy bài đó em nhé, hiện tại chị chỉ làm nhóm bài này để hướng dẫn sử dụng figma cho mọi người thôi em, có thời gian chị mới làm tiếp :)

[@linhbui7362]

Bên em không hiện after delay. Có cách nào để nó hiện lên không ạ ?

[@uniee_8258]

Chị ơi cho em hỏi, em thử nhấp frame selection thì nó gộp mấy cái đó thành một cái frame mới luôn. Kiểu mấy cái kia nó bị tràn ra khỏi cái frame iphone ý ạ. Qua giờ em loay hoay mấy tiếng vẫn ko sửa đc 😢😢

[@TranThanhDien3006]

Chị ơi lúc em làm xong r cho chạy thử thì cái hình điện thoại của em nó cứ bị che mất 1 phần bên góc phải em k biêt chỉnh sao để nó mất cái phần đó đi nữa mong chị giúp em. Cảm ơn chị

[@phamquy3272]

Chị ơi mấy cái icon dạng vector không scroll được chị nhỉ.

[@HaNguyenHoang-xu1fz]

Bài học của chị thật bổ ích , e đang thắc mắc sao khi scrolling ngang phẫn text nó ko bị di chuyển vậy chị ? e cảm ơn chị

[@kaorumap]

chắc em làm sai bước nào đó rồi

[@EcoinMonika]

Cám ơn bạn nhiều, học series bạn xong tự tin làm prototype bằng Figma hẳn. Nếu có thể bạn ra thêm video về UX UI với nhé ^^

[@DungNguyen-pi8yk]

Chị ơi, ra bài tiếp đi ạ ^^

[@kaorumap]

chị đang cố gắng, giải quyết xong các deadline sẽ ra tiếp nha em

[@trunguctran1498]

Cô ơi! Cô cho em hỏi. Em lỡ bỏ cái hiện thị đường giới hạn gợi ý (như smart guides trong Ai) trên figma rồi, làm sao để cho hiện lên cô nhỉ?

[@toanbui1691]

Chị ơi e muốn hỏi, nếu mình làm trạng thái load trang Overlay từ 1 component tạo ở 1 trang khác để cho thiết kế của mình nhìn gọn gàng hơn thì mình làm thế nào ạ? em muốn làm nó vào 1 design system khi dùng chỉ cần gọi cái variant của nó ra dùng thôi á. Em là 1 người mới học Figma ạ. Cảm ơn chị

[@trungtran89]

cái này bạn phải đk tài khoản premium rồi tạo style guide systems cho team trong figma nhé, sau đó tất cả các file bạn tạo đều có thể load library component đấy để dùng chung và update chung được

[@toanbui1691]

@@trungtran89 cảm ơn bạn nhiều nha

[@tutrananh1496]

Chị ơi cho em hỏi là khi đã tạo 1 prototype đơn giản rồi mình có thể tiếp tục tạo thêm 1 prototype con chồng lên nó được không ạ ?

[@kaorumap]

Trong cùng 1 frame thì em có thể tạo nhiều prototype cho nút này thì có chức năng này, nút kia cho chức năng kia nhưng cùng 1 cái nút thì không chồng được nha em.

[@tramvothibich329]

Dạ c ơi cho em hỏi là những thao tác mình thực hiện như vậy thì khi tai xuống bằng pdf nó còn sử dụng được những nút này k ạ . Dạ em cảm ơn

[@kaorumap]

Không em, prototype em làm xong thì share link prototype để gửi mọi người xem hoặc ghi lại màn hình làm video demo cho sản phẩm thôi, xuất ra pdf, png... là chỉ có thiết kế nha

[@tramvothibich329]

@@kaorumap dạ em cảm ơn ạ 😍

[@duytamnguyen3458]

chị ơi, làm thế nào bỏ frame selection ạ? mình chỉ việc đổi nó lại thành gr à chị?

[@kaorumap]

Frame selection là để em chọn cái frame của cái group đó thôi chứ từ đầu đến cuối nó vẫn là group mà, em bấm chọn sang cái khác thì sẽ không chọn cái frame nữa

[@vanchuongvo5599]

Em có làm phần Vertical scrolling giống như video của chị nhưng phần chữ cứ bị di chuyển khi em chỉnh thanh kéo xuất hiện ấy ạ! còn phần hình thì không bị! Chị giải đáp giúp em với ạ! Em cảm ơn chị nhé!

[@kaorumap]

Chị không rõ em làm như thế nào nên không thể giải đáp được, nguyên tắc cơ bản là cần làm cho phần frame nhỏ hơn phần nội dung bên trong thì nó sẽ scroll được, đó là lý do chị có bước chọn frame selection là làm cho frame nhỏ lại

[@truonghoanglong541]

Cô ơi. Giờ em có 1 cái ba gạch dạng như menu. khi k bấm vào thì sẽ ẩn. khi bấm vào thì sẽ hiện ra menu cho mình chọn vậy thì làm sao ạ

[@kaorumap]

trường hợp này em làm prototype dạng Open overlay (bắt đầu từ phút 6:37) nhưng thay vì overlay mở ra dạng move in như trong video này thì em chọn thành instant, phần menu của em sẽ tương tự cái bottom drawer trong video, em check chọn chỗ Close when clicking outside thì khi bấm ra bên ngoài menu sẽ biến mất, khi bấm lên hamburger button thì menu sẽ hiện ra

[@nghialuutrong8175]

Figma nhìn giống giống Adobe XD vậy cô !

[@kaorumap]

Dạ giống lắm, nhưng dùng ngay trên internet browser không cần install phần mềm gì cả, rất là tiện nha!

[@todalabs]

​@@kaorumap sao C hông download web-app của nó về dùng cho tiện luôn ạ?

[@kaorumap]

@@todalabs Cô ít dùng figma lắm Đào ơi, vì công việc của cô không dính tới nhiều. Cô làm để support cho sinh viên học lẹ phần mềm để còn làm đồ án vì nhiều bạn không giỏi tiếng Anh để học các tutorial bằng tiếng Anh thôi em.

[@nhuy1267]

Cô ơi sao em nhấn vào kh hiệu ra vòng tròn nhỏ để liên kết ạ

[@kaorumap]

Em click sang tab prototype thì mới tạo được liên kết nha