Figma (beta) | Hướng dẫn tạo Input Field Interaction với Interactive Component | kaorumap

[@lexlife3660]

Thanks kaoru, nếu bạn prototype từ variant thứ 3 (cái blinking 0%) tới variant thứ 4 luôn (bên cạnh đã prototype variant thứ 2) thì nó sẽ không bị lag, vì khi bấm T vào bất cứ thời điểm nào (blinking 0% hay 100%), nó cũng sẽ hiện input, và sẽ không bị trường hợp input ra rồi nhưng blinking vẫn còn đó. 🥰

[@diepha8409]

sau khi lướt youtube thấy bài hướng dẫn của chị phải đăng ký liền ạ. Đúng cái em đang tìm luôn, cảm ơn chia sẻ của chị nhiều.

[@reifrackeri5262]

Hay quá ạ, thích mấy cái hướng dẫn như thế này ghê

[@HanHan-tu4pq]

Oa tình cờ tìm thấy series dạy Figma của chị, cực dễ hiểu và giọng rất dễ thương nữa. Mong chị ra video chỉ cách build 1 design system cho 1 project ạ, cám ơn chị

[@uctrongtran7473]

Chị làm thêm nhiều video nữa nha chị, hay lắm ạ!!!

[@DungNguyen-dx4nd]

Chị có thể ra thêm nhiều video hướng dẫn bên figma nữa ko ạ, chị chia sẻ dễ hiểu và hữu ích lắm ạ

[@lephuc8884]

quá tuyệt vời, cảm ơn chị nhiều ạ

[@DuyenNguyen-hr6kr]

Cám ơn chị

[@yen4124]

Tình cơ thấy được series về Figma của chị, bổ ích và em cũng học được rất nhiều thứ từ series này. Chị có thể chia sẻ thêm về cách show hay public website này để trải nghiệm thực tế không ạ. Em cảm ơn chị rất nhiều

[@ndphii]

em góp ý là chị nên làm blinking cursor một cái variants riêng on-of after delay

[@kaorumap]

Cảm ơn em, lúc làm video chị cũng đang tự học nên còn nhiều thiếu sót

[@curtis6051]

Em cảm ơn chị nhé.

[@Chronicles-q8n]

chị làm 1 video hướng dẫn làm chuyển động đi ạ. em cảm ơn ạ

[@kaorumap]

Chị vừa đăng video hướng dẫn làm nền chuyển động rồi, em xem thử nhé

[@huyle7424]

Hay quá chị ơi :D

[@ThaoNguyen-jy1bt]

Chị ơi làm cái chuyển động vòng tròn đó ntn v ạ :((

[@tuanongnguyen9401]

Giờ mới biết đọc tên cô " kaoru mập" =))

[@kaorumap]

Hahaha :)))

[@anbui8349]

Thực chiến quá chị ei ! Nhưng giờ ở phần Password em muốn làm thêm option là icon con mắt để khi click vào thì nó sẽ hiện thành số thì phải làm sao ạ

[@kaorumap]

Em có thể làm thêm 1 frame nữa hoặc 1 variant nữa hiện số sẵn ở password và link con mắt ở chế độ 'on click' sang frame đó. Tất cả đều đang chỉ là prototype nên cứ tư duy theo những chức năng figma đang có thể làm được thôi em.

[@thuciris4164]

cô ơi hôm nào cô làm về logo đi ạ tks cô

[@tien-es]

Tại sao trc khi tạo component phải biến nó thành frame v nhỉ ?

[@17.nguyenminhhuyen77]

hay ạ

[@ducthien244]

Bạn ơi có thể giúp mình chút không? Ở phút 6:24, mình không thể Prototype đến Variant2 được, khi chọn Interactions chỉ chọn được vào Rectangle của Variant2 thôi.

[@kaorumap]

Chắc bạn chưa đăng ký figma beta để có chức năng interactive component rồi, mình đã làm video về vấn đề này rồi bạn xem ở đây nha kzbin.info/www/bejne/bJTRfHZ7bceVoKc

[@ducthien244]

@@kaorumap cảm ơn bạn nhiều

[@ducthien244]

@@kaorumap mình đăng ký mấy lần mà chẳng đc, k biết có cần lưu ý gì k bạn nhỉ.

[@kaorumap]

@@ducthien244 nếu bạn đăng ký đúng thì chỉ cần chờ thôi bạn, mình chưa gặp trường hợp nào bị từ chối lên beta cả

[@uchuyhuynh7265]

Cô ơi, cô cho em hỏi tính năng Mouse enter, mouse leave, mouse up, mouse down trong Prototype dùng như thế nào và trong trường hợp gì ạ. Với lại nếu có một đoạn text, em muốn dùng prototype để bôi một đoạn văn ngắn, sau đó hiện lên bảng Select - Cut - Copy thì sẽ dùng hiệu ứng gì trong prototype ha cô? Mong cô rep em ạ. Em cảm ơn cô

[@kaorumap]

Mouse enter là khi đưa chuột vào, mouse leave là khi đưa chuột ra... Em cứ thử thì biết thôi. Để hiện lên khung copy, cut... thì em có thể tạo vùng tương tác khi click vào thì hiện overlay box chọn copy, cut lên, còn bôi màu thì cũng có cách để thể hiện nhưng bôi bất cứ chỗ nào thì có vẻ không được, làm prototype đúng 1 chỗ để demo thì có thể khả thi

[@tlong-productions]

chị ơi dạy làm chuyển động như cái vòng tròn bên trên với ạ ^_^

[@sontungpham6371]

học ngành này sau này có triển vọng kh ạ

[@kaorumap]

Giỏi thì ngành nào cũng triển vọng, dở thì ngành nào cũng toang em ơi

[@parkkk8654]

Chào chị, Theo chị thì hiện tại hoặc sắp tới thì nên tập trung tool Figma hay Sketch ạ, đối với em là 1 newbie. Xin chị cho lời khuyên. Cảm ơn chị.

[@kaorumap]

Nên học figma nha em, mà thật ra mấy cái software này giống nhau lắm, nếu em rành figma thì học sketch cũng nhanh thôi, chị nghĩ quan trọng là giỏi tiếng Anh và dùng nhiều rồi quen á

[@parkkk8654]

Dạ em cảm ơn chị nha, mong chị thời gian tới ra tiếp video.

[@lihaitoan7489]

Chị làm menu đa cấp đi ạ. Em là dc menu 1 cấp , đến cấp thứ 2 là ko làm dc ạ

[@vanhieuphan7866]

chị ơi, chị làm video về quy trình thực hiện một dự án Figma hoàn chỉnh được không ạ

[@kaorumap]

Chị sẽ cố gắng làm khi có thời gian nhé em

[@hieunguyen-rx1uc]

chị ơi, làm sao để mở cái hệ thống thước căng chỉnh hàng vậy chị

[@kaorumap]

kzbin.info/www/bejne/nYPCcpKEqN50q8U em xem bài này giùm chị, chị có hướng dẫn trong này rồi

[@fanpageChang]

Chị ơi nếu e muốn hiện thông báo khi input trống thì làm thế nào ạ

[@kaorumap]

Cái này design prototype thôi em, em cứ vẽ cái thông báo ra sao, màu gì, đặt ở đâu khi input trống rồi lúc hoàn thiện hết thiết kế chuyển cho dev lên sản phẩm hoàn thiện người ta sẽ làm cho nó có cái thông báo đó khi input trống

[@hoalevan1509]

em có dùng mà nó lại không có Smart animation ạ! nó có animation nhưng không giống chị. với phần chọn after delay nó không cho chọn và không có phần change to luôn ạ

[@kaorumap]

Em phải gửi email cho Figma đăng ký beta và Figma phải thông báo acc đã lên beta thì mới có cái Change to giữa các variants nhé

[@hoalevan1509]

@@kaorumap em cảm ơn ạ

[@kaorumap]

@@hoalevan1509 chị có hướng dẫn cụ thể trong video này nha em kzbin.info/www/bejne/bJTRfHZ7bceVoKc

[@quynhanhangnu6656]

chi oi trường hợp mà không dùng được after delay thì lỗi ở đâu vậy ạ

[@kaorumap]

Chắc bạn chưa đăng ký figma beta để có chức năng interactive component rồi, mình đã làm video về vấn đề này rồi bạn xem ở đây nha kzbin.info/www/bejne/bJTRfHZ7bceVoKc

[@quynhanhangnu6656]

Em cảm ơn c nhiều ạ

[@lyranguyen9830]

bạn ơi, cho mình hỏi sao cái Interactions của mình không "Change to"

[@kaorumap]

Do bạn chưa đăng ký figma beta nhé, có figma beta mới làm được interactive component

[@kaorumap]

kzbin.info/www/bejne/bJTRfHZ7bceVoKc hướng dẫn đăng ký ở đây

[@HobbitQND_US]

Chị ơi cái animation tròn tự nhảy ấy tạo sao ạ? Em cũng tạo Component mà nó ko tự chạy :(

[@kaorumap]

Cái đó em phải tạo liên kết từ cái cuối cùng quay về cái đầu tiên thì nó mới loop được

[@thuynguyen-mf7le]

chị ơi cho em hỏi là em làm một cái portfolio trên Figma có chứa các animation, vậy thì có up lên Behance được không ạ ?😀

[@kaorumap]

Làm trên figma em chỉ có thể share link để mọi người click vào xem prototype của em thôi, link thì share lên đâu cũng được kể cả behance. Animation thì em có thể thao tác, thu lại thành video rồi post behance thôi.

[@thuynguyen-mf7le]

@@kaorumap em cảm ơn chị ạ.

[@kynguyenngoc1908]

cô ơi, em hỏi mấy cái vòng tròn di chuyển có phải làm như cách làm text input componet không ạ. Nhưng mà khác interactions đúng không ạ.

[@kaorumap]

Mấy cái vòng tròn cô cũng làm bằng interactive component đó, chỉ là vẽ 3 hình tròn, tạo thành component, xong rồi add thêm variant xong thay đổi vị trí kích thước rồi chọn interaction qua lại giữa mấy variant là after delay/smart animate hết

[@kynguyenngoc1908]

​@@kaorumap cô check em bên inta vs cô. em xin cô 1 xíu thời gian thôi ạ, em cảm ơn cô ạ

[@kaorumap]

Chị có reply bên insta nhưng không thấy em nói gì

[@HanhNguyen-mv3lj]

@@kaorumap Mình thử làm 3 variants (variant 1 => variant 2 => variant 3 bằng after delay/smart animate rồi, nhưng nó chỉ chuyển động 1 lần thôi, nếu muốn cho nó lặp lại hoài như trong video của bạn thì làm thế nào được nhỉ?

[@kaorumap]

Bạn tạo thêm after delay từ variant 3 về lại variant 1 nữa

[@vinhphu5435]

cô ơi cô hướng bài về columns được không ạ

[@kaorumap]

Bài về Column là sao cô không hiểu lắm, hay ý em là bài về guide and grid?

[@vinhphu5435]

@@kaorumap dạ bài grid ạ

[@truongquangthinh9092]

Em làm 1 ô trên đó r em muốn nhập dữ liệu trên ô đó , có làm giống chị đc ko

[@kaorumap]

Nhập dữ liệu thì lúc làm sản phẩm thật, có code này kia rồi mới nhập được em, cái này design prototype để biết bước nào làm gì thôi

[@thanhduc6097]

Some segments in the video are stamped not adjacent to each other

[@hoangnguyenduy1014]

chị ơi sao của em ko link đc giữa 2 variants ạ

[@kaorumap]

Do em chưa link đăng ký figma beta nên không làm interactive component được, em xem lại video về interactive component trong playlist figma của chị nha

[@hoangnguyenduy1014]

@@kaorumap thanks c. e vội hỏi quá mà ko tìm trước. lúc vừa cmt xong kéo xuống dưới đọc cmt mới biết lỗi.

[@thithuhoatrinh171]

C có thể hướng dẫn vẽ table trên figma đc ko ạ

[@kaorumap]

chị đã từng hướng dẫn cách chuyển dữ liệu table từ word vào inDesign tại đây kzbin.info/www/bejne/fHTdl4CMjJWSsNU em có thể tư duy tương tự với những công cụ của figma để vẽ bảng nếu cần

[@quanglinhh]